Я хочу разместить собственный виджет вместо панели приложений и хочу, чтобы под ним был вид вкладки - PullRequest
0 голосов
/ 30 апреля 2020

Я создал пользовательский виджет ("cab"), который отображает круг входа в аккаунт и нет. из пунктов пользователь имеет. Я хочу вид вкладки чуть ниже. На данный момент я поместил этот пользовательский виджет внутри самой вкладки:

bottomNavigationBar: Material(child: TabBar(
           tabs: const <Widget>[
            Tab( icon: Icon(Icons.add)),
          Tab( icon: Icon(Icons.search))
          ]
      ),),


       body :TabBarView(
        children: <Widget>[
          Column(
            children: <Widget>[
              cab
            ],
          ), 

enter image description here

Но я хочу, чтобы этот виджет отображался над вкладкой, но не часть самой вкладки просмотра. Как я могу это сделать? Спасибо.

1 Ответ

0 голосов
/ 30 апреля 2020

Замените виджет AppBar своим собственным виджетом ниже:

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: DefaultTabController(
        length: 2,
        child: Scaffold(
          bottomNavigationBar: TabBar(
            labelColor: Colors.orange,
            unselectedLabelColor: Colors.grey,
            indicatorSize: TabBarIndicatorSize.tab,
            indicatorColor: Colors.orange,
            tabs: [
              Tab(
                icon: Icon(Icons.add),
              ),
              Tab(
                icon: Icon(Icons.search),
              ),
            ],
          ),
          body: Column(
            children: <Widget>[
              // Remove the AppBar code below and put your "cab" widget
              AppBar(
                primary: true,
                title: Text('Here is your cab'),
                centerTitle: true,
                backgroundColor: Colors.orange,
              ),
              Expanded(
                child: TabBarView(
                  children: [
                    Icon(Icons.add),
                    Icon(Icons.search),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...