DefaultTabController&SingleChildScrollView&TabBarView无法正常工作

时间:2020-10-11 10:55:45

标签: flutter dart singlechildscrollview

我想实现类似附件的图像。
但是我一遍又一遍地出错...

在屏幕顶部显示内容的页面。
在此之下,我要显示TabBar和TabBarView。
整个页面都可以滚动。
我该怎么办?
您如何实现呢?

我的代码当前看起来像这里。

Widget build(BuildContext context) {
  return DefaultTabController(
    length: someLength,
    child: Scaffold(
      appBar: buildAppBar(...),
      body: LayoutBuilder(
        builder: (ctx, constraints) {
          return SingleChildScrollView(
            child: ConstrainedBox(
              constraints: BoxConstraints(minHeight: constraints.maxHeight),
              child: Column(
                children: [
                  // Contents widget...
                  TabBar(tabs: ...),
                  Expanded(
                    child: TabBarView(
                      children: ...
                  ),
                ],
              ),
            ),
          );
        },
      ),
    ),
  );
}

我尝试了所有我能想到的...

・展开后的包裹列。
・ LayoutBuilder和SingleChildScrollView。
・使用ListView代替SingleChildScrollView。
・ FlexFit松动,Column MainAxisSize.min。

我得到的错误是您所想的

Horizontal viewport was given unbounded height.

・ {Incorrect use of ParentDataWidget.

・ {RenderFlex children have non-zero flex but incoming height constraints are unbounded.
等等。

请帮助我。

感谢您的阅读。
我认为任何评论都会对我有所帮助。

goal

0 个答案:

没有答案