垂直对齐文本颤动

Question

我认为解释我的问题的最好方法是图片，所以这就是我想要实现的，不要介意任何图片的样式。

但是当我尝试自己实现它时，底部文本缩进了。

这是我的代码。请注意，我是 Flutter 的新手，所以也很感激提示。

SizedBox(
            width: 580,
            height: 95,
            child: Material(
              color: panelBackground,
              borderRadius: BorderRadius.circular(5),
              child: Padding(
                padding: const EdgeInsets.symmetric(horizontal: 25),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Column(
                      children: [
                        const Text(
                          "Project Name",
                          style: TextStyle(
                            fontSize: 36,
                            color: Colors.white,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                        const SizedBox(height: 5),
                        RichText(
                            text: const TextSpan(
                                text: "Made by: ",
                                style: TextStyle(
                                  fontSize: 14,
                                  color: Color(0xFF838383),
                                ),
                                children: [
                              TextSpan(
                                  text: '/',
                                  style: TextStyle(
                                      color: Colors.amber,
                                      fontWeight: FontWeight.bold)),
                              TextSpan(
                                  text: '6u5t4v',
                                  style: TextStyle(
                                      color: Colors.amberAccent,
                                      letterSpacing: 2,
                                      fontWeight: FontWeight.bold,
                                      fontStyle: FontStyle.italic))
                            ])),
                      ],
                    ),
                    Column(
                      children: [Text("rating here")],
                    ),
                    const SidebarIcon(
                      icon: Icon(Icons.save),
                    )
                  ],
                ),
              ),
            ),
          ),

Answer 1

只需将 crossAxisAlignment 设置为 start

Column(
     crossAxisAlignment: CrossAxisAlignment.start,
         children: [
            const Text(
               "Project Name",
               style: TextStyle(
               fontSize: 36,
               color: Colors.white,
               fontWeight: FontWeight.w600,
            ),
            ),

Answer 2

您必须使用 Align Widget 扭曲文本并给出以下代码

Align(alignment:Alignment.topLeft, child:"your Widget")

垂直对齐文本颤动

Align text vertically flutter

flutter

text

alignment

vertical-alignment