带有项目Flutter的FutureBuilder

时间:2020-06-17 14:07:30

标签: flutter dart

我有来自API的数据

我将这些数据作为项目放入了FutureBuilder中,一切都很好,

但是我对此图片有两个疑问,

enter image description here

问题一:如何删除第一个元素上方的空白(我用黑色选择了它)?

问题二:我可以使用FutureBuilder来修饰图像以去除黑色空间(我用橙色选择了它)吗?

这是我的代码: https://github.com/faress123/json/blob/master/test

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

  • 问题一: 底部和顶部填充很多。 请减少填充并进行检查。

1)底部:SizeConfig.heightMultiplier * 8.75, 2)顶部:SizeConfig.heightMultiplier * 1.73,

Container(
                child: Padding(
                  padding: EdgeInsets.only(
                      bottom: SizeConfig.heightMultiplier * 8.75,
                      left: SizeConfig.widthMultiplier * 4.7),
                  child: Align(
                      alignment: Alignment.bottomLeft,
                      child: Text(
                        "${widget.label} Collection",
                        style: GoogleFonts.elMessiri(
                            fontSize: SizeConfig.heightMultiplier * 3.23,
                            color: Colors.white,
                            fontWeight: FontWeight.bold),
                      )),
                ),

----------
case ConnectionState.done:
                            return ListView.builder(
                                itemCount:
                                    prodects[0].success.subcategories.length,
                                itemBuilder: (BuildContext context, int index) {
                                  return Padding(
                                    padding: EdgeInsets.only(
                                        top: SizeConfig.heightMultiplier * 1.73,
                                        right:
                                            SizeConfig.widthMultiplier * 3.64,
                                        left:
                                            SizeConfig.widthMultiplier * 3.64),
                                    child: Container(
  • 第二个问题的答案: 也许下面的代码会影响该症状。
borderRadius: BorderRadius.only(
                      topLeft: Radius.circular(50.0),
                      topRight: Radius.circular(50.0),
                    ),