【问题标题】:RenderBox was not laid out, Flutter Listview Builder not DisplayingRenderBox 未布局,Flutter Listview Builder 未显示
【发布时间】:2021-06-03 04:05:15
【问题描述】:

我是这个框架的新手,我无法显示 ListViewBuilder 项目。我在控制台中收到此错误

════════ 渲染库捕获的异常═══════════════════════════════ RenderBox 未布置:RenderRepaintBoundary#f28ee relayoutBoundary=up14 NEEDS-PAINT 'package:flutter/src/rendering/box.dart': 断言失败:第 1785 行第 12 行:'hasSize'

class _ViewCartState extends State<ViewCart> {

  List<dynamic> cartData;

  @override
  void initState() {
    super.initState();
    APIService apiService = new APIService();
    apiService.apiCall().then((value) async {
      setState(() {
        cartData = value.data.result.cartData;
        print(cartData);
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    loadData();
    var veg;
    return Scaffold(
      appBar: AppBar(
        iconTheme: IconThemeData(
          color: kHintColor, //change your color here
        ),
        title: Text("Cart Page", style: Theme.of(context).textTheme.bodyText1),
      ),
      body: Stack(
              children: <Widget>[
                SingleChildScrollView(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: <Widget>[
                      Container(
                        // width: 500,   //if this Height I'm Not giving Then List not Displaying.
                        padding: EdgeInsets.all(20.0),
                        color: Theme.of(context).cardColor,
                        child: Text("Your Cart Items",
                            style: Theme.of(context)
                                .textTheme
                                .headline6
                                .copyWith(
                                    color: Color(0xff616161),
                                    letterSpacing: 0.67)),
                      ),
                      Divider(
                        color: Theme.of(context).cardColor,
                        thickness: 1.0,
                      ),

                      Padding(
                        padding: const EdgeInsets.all(10),
                        child: ListView.builder(
                          itemCount: cartData.length,
                          itemBuilder: (context, index) => Container(
                            child: Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                cartItemListTile(context, cartData, index),
                              ],
                            ),
                          ),
                        ),
                      ),
                     ],
                  ),
                ),
                Align(
                  alignment: Alignment.bottomCenter,
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.end,
                    children: <Widget>[
                      BottomBar(
                        text: "go to next page"),
                    ],
                  ),
                ),
              ],
            ),
    );
  }

这是我的 ListView builder 返回函数

  ListTile cartItemListTile(
      BuildContext context, List<dynamic> cartData, int index) {
    int qty;
    return ListTile(
      title: Padding(
        padding: EdgeInsets.only(top: 8.0),
        child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              Image.network(
                cartData[index].itemimage.image,
                height: 40,
                width: 40,
              ),
              
            ]),
      ),
    );
  }

}

请帮帮我。我无法设置容器高度,因为该列表中还有很多字段。

【问题讨论】:

    标签: flutter listview flutter-layout flutter-listview


    【解决方案1】:

    在 Listview.builder 中 添加这两行..

    physics: NeverScrollableScrollPhysics(),
    shrinkWrap: true,
    

    【讨论】:

    • 非常感谢
    猜你喜欢
    • 2021-08-31
    • 1970-01-01
    • 1970-01-01
    • 2019-10-04
    • 2021-11-07
    • 2020-12-17
    • 2022-06-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多