Flutter:ListTile的尾随孩子们在一起

时间:2018-10-18 16:14:06

标签: android flutter

我是新手。试图实现无限的ListTile。问题是尾随的孩子(带有红色背景)在中心处粘在一起,我希望他们粘到我使用mainAxisAlignment: MainAxisAlignment.spaceBetween尝试过的顶端和底端,但是即使设置后列的高度也不会扩展mainAxisSize: MainAxisSize.max

我尝试添加Expand和Flex窗口小部件,还尝试使用行列结构而不是ListView,但仍然存在相同的问题。仅给尾随列提供高度,但希望它动态地工作而不给其高度。下面是代码的链接。

  1. 图片:ListView trailing issue
  2. 带有ListTile小部件https://www.pastefile.com/IbImGL的代码
  3. 行列为https://www.pastefile.com/o9JK6的代码

1 个答案:

答案 0 :(得分:1)

好吧,简单的解决方案可以使用固定的高度,您可以使用以下方法根据屏幕尺寸计算值:

 MediaQuery.of(context).size.height 

另一种解决方案是使用IntrinsicHeight小部件,但要小心,因为小部件的说明说这非常昂贵

        IntrinsicHeight(
                      child: Row(
                        children: [
                          buildLeftSection(),
                          buildMiddleSection(),
                          buildRightSection()
                        ],
                      ),
                    )



    Widget buildRightSection() {
      return Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisSize: MainAxisSize.max,
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: <Widget>[new Text("Title"), new Text("Title")],
      );
    }