Flutter List＜Widget＞放在Column中显示不全问题

还未秃的收尾新手

已于 2022-02-18 15:17:49 修改

阅读量2.6k

点赞数

分类专栏： # Flutter 文章标签： flutter

于 2022-02-18 15:14:30 首次发布

本文链接：https://blog.youkuaiyun.com/fearlessnesszhang/article/details/123003312

版权

本文探讨了在Flutter应用中遇到的页面布局问题，特别是ListView内容显示不全的情况。开发者通过分析代码，展示了从头部组件、输入框、商品详情到列表内容的层级结构，并提供了两种不同的列表实现方式：Column+Flex与Scrollbar+ListView.builder。针对少量和大量数据，给出了相应的优化策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目前有个简单页面的实现，其中放置List<Widget>数据时，显示不全。

目前实现方法：

1. 最上面分为一层

2.input框一层

3.SKU + QTY 为一个层

4.内容列表一层

代码：

//最上面
HeadWidget(
    title: 'Receiving By xxx',
    text: 'Cancel',
        onTap: () {
            // Navigator.of(context)..pop();
            NavigatorUtils.pushPage(
                context: context,
                targPage: InBoundSingle(
                date: widget.date,
         ));
     },
)

///input框
ScanCodeInput(text: "Input xxx",)

///SKU + QTY
///Column ->  Container (主要设置左上、右上的圆角、高度)
///SKU /  QTY 是通过Flex弹性布局
Column(
    children: [
        Container(
            width: double.inf