垂直居中应用栏中的文本 - Flutter

Question

我试图将应用栏中的文本居中，但它不会垂直居中。我已经尝试了 google 和 tackoverflow 中的许多代码，但它似乎不起作用。请帮助并提前致谢

appBar: AppBar(
    // centerTitle: true,
    backgroundColor: Colors.pink,
    bottom: PreferredSize(
      preferredSize: Size.fromHeight(200),
      child: SizedBox(
        height: 200,
      ),
    ),
    title: Row(mainAxisAlignment: MainAxisAlignment.center ,children: [Text('weoijf')],)
    ,
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.vertical(bottom: Radius.circular(100))
    ),
  ),

appbar problem

Answer 1

你不能提供这样的标题但是如果你想在中心显示标题使用这个代码：-

 appBar: AppBar(
        backgroundColor: Colors.pink,
        bottom: const PreferredSize(
          preferredSize: Size.fromHeight(200),
          child: SizedBox(
            height: 240,
            child: Center(
                child: Text(
              "weoijf",
              style: TextStyle(color: Colors.white),
            )),
          ),
        ),
        shape: const RoundedRectangleBorder(
            borderRadius: BorderRadius.vertical(bottom: Radius.circular(100))),
      ),

Answer 2

请找到下面的代码，我认为这将帮助您实现您想要的，如果有任何疑问，请告诉我

appBar: PreferredSize(
          preferredSize: Size.fromHeight(200),
          child: AppBar(
            // centerTitle: true,
            backgroundColor: Colors.pink,
            shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.vertical(bottom: Radius.circular(100))
            ),
            flexibleSpace: Container(
              alignment: Alignment.center,
              child: Text(
                'weoijf',
                style: TextStyle(
                  color: Colors.white
                ),
              ),
            ),
          ),
        )

谢谢

垂直居中应用栏中的文本 - Flutter

centering text in appbar vertically - Flutter

appbar

flutter