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

Question

I am new to flutter. Trying to achieve the infinite ListTile. The issue is that the children in trailing(with red background) stick together at the center I want them to stick to the top and bottom end which I tried by using mainAxisAlignment: MainAxisAlignment.spaceBetween but the columns height won't expand even after setting mainAxisSize: MainAxisSize.max .

I have tried adding Expand and Flex widgets, also tried using Row Column structure rather that ListView but still the same issue. Only giving height to trailing column worked but wanted it to work dynamically without giving height. Below are links for the code.

1. Image: ListView trailing issue
2. Code with ListTile widget https://www.pastefile.com/IbImGL
3. Code with Row Column https://www.pastefile.com/o9JK6

Answer 1

Ok, the easy solution could using a fixed height , you can calculate the value based on the size of your screen using :

 MediaQuery.of(context).size.height 

Another solution is using IntrinsicHeight Widget, but be carefully because the description of the Widget says that is very expensive

        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")],
      );
    }