需要水平收缩包装TabBarView

时间:2020-04-21 17:05:01

标签: flutter flutter-layout

我试图创建一个TabBar / TabBarView,该控件居中且仅与最宽的子项一样宽。将TabBar放到IntrinsicWidth内,会限制TabBar的宽度,但是我无法获得TabBarView来渲染不设置显式尺寸(在Container内)或使用Expanded(),其效果与我想要的相反

是这样的:

  Widget build(BuildContext context) {
    return Center(
      child: IntrinsicWidth(
        child: DefaultTabController(
          length: 2,
          child: Column(
            children: [
              TabBar(
                labelColor: Colors.black,
                indicatorColor: Colors.pinkAccent,
                tabs: [
                  Tab(icon: Text("Tab 1")),
                  Tab(icon: Text("Tab 2")),
                ],
              ),
              TabBarView(
                children: <Widget>[
                  Center(
                    child: Container(
                        width: 500, color: Colors.amberAccent),
                  ),
                  Center(
                    child:
                        Container(width: 500, color: Colors.grey),
                  ),
                ],
              ),
//
            ],
          ),
        ),
      ),
    );

我希望合并的TabBar / TabBarView的整体宽度为500px(最宽的子项的宽度) 但TabBarView抛出“ RenderViewport不支持返回固有尺寸”。错误。

任何帮助将不胜感激!

0 个答案:

没有答案