屏幕中间的 TabBar

Question

我正在尝试在屏幕中间放置一个TabBar 来制作个人区域视图。每次我运行代码都会跳出一个异常。问题出现在 Tabbar 上面的部分只是用户名和头像但是当我尝试放置应用程序栏时它抛出这个“throw constraintsError;”

这是我用来制作视图的源代码：

class PersonalArea extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    String _viewSelector = "personalData";

    late Color color = Colors.white;

    return new Scaffold(

        body: StoreConnector<AppState, PersonalAreaViewModel>(
            onInit: (store) {
              store.dispatch(new GetPersonalAreaAction());
            },
            converter: (store) => PersonalAreaViewModel.fromStore(store),
            builder: (context, viewModel) => Column(children: [
                  Stack(children: [
                    Container(
                      width: double.infinity,
                      padding: EdgeInsets.only(left: 4, right: 4),
                      child: Column(
                        children: [
                          Container(
                            height: MediaQuery.of(context).size.height / 2,
                            child: Column(
                               mainAxisSize: MainAxisSize.min,children: [
                              Stack(
                                children: [
                                  Row(
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    children: [
                                      avatar(),
                                    ],
                                  ),
                                  Align(
                                    alignment: Alignment.topRight,
                                    child: edit(),
                                  )
                                ],
                              ),
                              //Avatar&Edit
                              Row(
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: [
                                  Container(
                                    padding: EdgeInsets.only(top: 12),
                                    child: generateStyleText(
                                        "${FirebaseAuth.instance.currentUser?.displayName}",
                                        color.primary75,
                                        FontWeight.w700,
                                        0,
                                        16,
                                        0),
                                  )
                                ],
                              ),
                              //Name
                            ]), //MainColumn
                          ),
                          DefaultTabController(
                              length: 3,
                              child: Container(
                                child: Column(
                                 
                                  children: [
                                    TabBar(
                                      tabs: [
                                        Tab(
                                          text: "Experiencia",
                                        ),
                                        Tab(
                                          text: "Area",
                                        ),
                                        Tab(
                                          text: "pedro",
                                        ),
                                      ],
                                      indicatorSize: TabBarIndicatorSize.tab,
                                    ),
                                    Expanded(
                                      child: TabBarView(
                                        children: [
                                          Text('people'),
                                          Text('Person'),
                                          Text("data"), 
                                        ],
                                      ),
                                    )
                                  ],
                                ),
                              ))
                        ],
                      ),
                    )
                  ])
                ])));
  }

Answer 1

将 DefaultTabController 换成 Expanded

屏幕中间的 TabBar

TabBar in the middle of the screen

flutter

dart

tabs

tabcontrol

tabbar