flutter 如何使用屏幕中间的选项卡栏?

nlejzf6q  于 2022-12-14  发布在  Flutter
关注(0)|答案(1)|浏览(170)

https://i.stack.imgur.com/IPAAP.png)(英文)
我在使用TabBarView时遇到此错误。RenderBox没有布局:'软件包:/src/rendering/box. dart'打印格式:失败的Assert:第2001行位置12:'具有大小'
第一个
当我使用它时,选项卡栏不再显示。enter image description here

lc8prwob

lc8prwob1#

试试这个

Scaffold(
      body: SafeArea(
        child: GestureDetector(
          onTap: () => FocusScope.of(context).unfocus(),
          child: Column(
            mainAxisSize: MainAxisSize.max,
            children: [
              Container(
                width: MediaQuery.of(context).size.width,
                height: MediaQuery.of(context).size.height * 0.3,
                decoration: BoxDecoration(),
              ),
              Expanded(
                child: DefaultTabController(
                  length: 3,
                  initialIndex: 0,
                  child: Column(
                    children: [
                      TabBar(
                        tabs: [
                          Tab(
                            text: 'Example 1',
                          ),
                          Tab(
                            text: 'Example 2',
                          ),
                          Tab(
                            text: 'Example 3',
                          ),
                        ],
                      ),
                      Expanded(
                        child: TabBarView(
                          children: [
                            Text(
                              'Tab View 1',
                            
                            ),
                            Text(
                              'Tab View 2',
                              
                            ),
                            Text(
                              'Tab View 3',
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );

相关问题