不适合页面上的所有内容 Flutter

Question

遇到问题。我的内容不适合页面，所以我在 TabBarLibrary 中添加了 SingleChildScrollView。并包裹在 Expanded 中。结果，我滚动了，但由于 Expanded，内容大小也大大减小了，我附上了下面的屏幕截图，您可以看到出现了一个空的 space。如何让内容显示在整个页面上并能够滚动？

正文

Column(
        children: [
          const SizedBox(height: 20),
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 15),
            child: Column(
              children: [
                TabBarWidget(tabController: _tabController),
              ],
            ),
          ),
          const SizedBox(height: 20),
          _divider,
          TabBarLibrary(
            tabController: _tabController,
            size: size,
          ),
        ],
      );

TabBarLibrary

return Expanded(
      child: SingleChildScrollView(
        child: ConstrainedBox(
          constraints: BoxConstraints(maxHeight: widget.size.height * .69),
          child: TabBarView(
            controller: widget._tabController,
            children: [
              _tab1(),
              Text('Tab2'),
              Text('Tab3'),
            ],
          ),
        ),
      ),
    );
  }

tab1

return Column(
      children: [
        _divider,
        const Padding(
          padding: EdgeInsets.only(left: 24, top: 20),
          child: Align(
            alignment: Alignment.centerLeft,
            //TODO dropdown
            child: Text(
              'DrowDown',
              style: TextStyle(color: Colors.white),
            ),
          ),
        )
...

没有展开

Answer 1

尝试用 SingleChildScrollView 包裹扩展

return SingleChildScrollView(
      child: Expanded(
        child: ConstrainedBox(

Answer 2

尝试删除 ConstrainedBox，它会限制您的 TabBarLibrary 高度。

说明：您已经Expanded确定了高度和一个SingleChildScrollView里面想要填充高度[=21] =], ConstrainedBox 里面限制了高度，所以内容不会填满滚动视图。

不适合页面上的所有内容 Flutter

Doesn't fit all content on the page Flutter

flutter

dart

flutter-layout