Question

像标题一样，我已经使用Navigator.push（）创建了一个按钮进入新页面，该页面会在appBar上自动生成一个后退按钮，我很欣赏该自动生成的后退按钮，但是我希望该后退按钮不移位我的标题的位置，有可能吗？

下面是我进入该页面的按钮的代码：

Navigator.of(context).push(
                          MaterialPageRoute(
                            builder: (context) {
                              return FeedTest();
                            },
                          ),
                        );

这是我在新页面上的完整代码：

Widget build(BuildContext context) {
return ScrollConfiguration(
  behavior: MyBehavior(),
  child: SafeArea(
    child: DefaultTabController(
      length: 2,
      child: Scaffold(
        backgroundColor: Colors.black,
        appBar: AppBar(
          elevation: 0,
          backgroundColor: Colors.grey[850],
          title: Flex(
              direction: Axis.horizontal,
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Image.asset(
                  'images/logo2.png',
                  isAntiAlias: true,
                  scale: 1.8,
                  fit: BoxFit.fitHeight,
                  alignment: Alignment.center,
                )
              ]),
          bottom: TabBar(
            indicatorColor: Colors.white,
            tabs: [
              Tab(
                text: 'Submit Feedback',
              ),
              Tab(
                text: 'Submit Testimony',
              )
            ],
          ),
        ),
        body: TabBarView(
          children: [SubmitFeedback(), SubmitTestimony()],
        ),
      ),
    ),
  ),
);

}

P.S。出于隐私保护的目的，标题图像已经模糊化

Answer 1

centerTitle: true用于使标题位于AppBar

中

AppBar(
  centerTitle: true, 
  ...
)

输出：

Answer 2

使用centerTitle: true，如下所示。

AppBar(
  centerTitle: true, // this is all you need
  //Rest Code here
)

我上传完整的代码，如下所示。

Widget build(BuildContext context) {
return ScrollConfiguration(
  behavior: MyBehavior(),
  child: SafeArea(
    child: DefaultTabController(
      length: 2,
      child: Scaffold(
        backgroundColor: Colors.black,
        appBar: AppBar(
          centerTitle: true,
          elevation: 0,
          backgroundColor: Colors.grey[850],
          title: Flex(
              direction: Axis.horizontal,
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Image.asset(
                  'images/logo2.png',
                  isAntiAlias: true,
                  scale: 1.8,
                  fit: BoxFit.fitHeight,
                  alignment: Alignment.center,
                )
              ]),
          bottom: TabBar(
            indicatorColor: Colors.white,
            tabs: [
              Tab(
                text: 'Submit Feedback',
              ),
              Tab(
                text: 'Submit Testimony',
              )
            ],
          ),
        ),
        body: TabBarView(
          children: [SubmitFeedback(), SubmitTestimony()],
        ),
      ),
    ),
  ),
);
}

后退按钮取代了AppBar的标题

2 个答案: