时间戳

首页 > 解决方案 > 如何删除卡片中的行之间的空间（Flutter）

flutter - 如何删除卡片中的行之间的空间（Flutter）

问题描述

我在我的颤振应用程序中使用了一个有两行的卡片小部件，我遇到的问题是两行之间出现了很大的空间，如下图所示

在此处输入图像描述

如何解决这个问题？

我在这里尝试过的代码：

return Card(

                      child: Container(
                        alignment: FractionalOffset.center,
                        child: Row(
                          children: <Widget>[
                            Expanded(
                              flex: 1,
                              child: Container(
                                child: ListTile(

                                  title: Text(snapshot.data[index].data["title"],
                                    textDirection: TextDirection.rtl,
                                    style: TextStyle(fontSize: 14.0,
                                        fontFamily: 'Cairo',
                                        fontWeight: FontWeight.bold),),
                                  onTap: () => navigateToDetails(snapshot.data[index]),

                                ),
                              ),
                            ),
                            //SizedBox(width: 1.0),
                            Expanded(
                              flex: 1,
                              child: Container(child: Image.network(snapshot.data[index].data["image_url"],height: 80.0,width: 80.0)),
                            ),


                          ],
                        ),
                      ),
                    );

标签： flutterflutter-layout

解决方案

您在行内使用扩展的小部件，以便小部件尝试获得相同的宽度并尝试覆盖整个宽度。

这样，如果要删除行小部件之间的空间，则删除扩展的小部件并使用 Row 的MainAxisAlignment属性来安排或管理空间。

您可以使用以下值：

MainAxisAlignment.spaceBetween和MainAxisAlignment.spaceEvenly

推荐阅读