如何将两个平行的颤动列表放在一列中

Question

我想在图片中标记的行内放置两个平行列表。我尝试过不同类型的结构，但都给我带来了问题。动态列表的每个元素都有一张图片和一个文本。 Screen

我一直在尝试将两个大小的盒子放在行内：

Row(children: [
            SizedBox(
              width: MediaQuery.of(context).size.width * 0.5,
            ),
            SizedBox(
              width: MediaQuery.of(context).size.width * 0.5,
            ),
          ])

放置ListView后的宽度

我尝试的一切都给我下一个错误： error

Answer 1

试试这个：

return Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
  ListView.builder(
  shrinkWrap:true,
  builder:(context,index)=> Container(),
),
  ListView.builder(
  shrinkWrap:true,
  builder:(context,index)=> Container(),
),
],
);

Answer 2

请参考以下代码

 Row(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                children: [
                                  Flexible(
                                    child: Column(
                                      crossAxisAlignment:
                                          CrossAxisAlignment.start,
                                      children: [
                                        ListView.builder(
                                          physics:
                                              NeverScrollableScrollPhysics(),
                                          shrinkWrap: true,
                                          itemCount: 15,
                                          itemBuilder: (BuildContext context,
                                              int index) {
                                            return ListTile(
                                              leading: Icon(
                                                Icons.star_border,
                                              ),
                                              title: Text(
                                                'List $index' +
                                                    "Lorem ipsum dolor sit amet, ",
                                              ),
                                            );
                                          },
                                        ),
                                      ],
                                    ),
                                  ),
                                  Flexible(
                                    child: Padding(
                                      padding: EdgeInsets.only(left: 15.0),
                                      child: Column(
                                        crossAxisAlignment:
                                            CrossAxisAlignment.start,
                                        children: [
                                          ListView.builder(
                                            physics:
                                                NeverScrollableScrollPhysics(),
                                            shrinkWrap: true,
                                            itemCount: 15,
                                            itemBuilder: (BuildContext context,
                                                int index) {
                                              return Row(
                                                children: [
                                                  Icon(
                                                    Icons.star,
                                                  ),
                                                  Text("List item $index"),
                                                ],
                                              );
                                            },
                                          ),
                                        ],
                                      ),
                                    ),
                                  )
                                ],
                              ),

如何将两个平行的颤动列表放在一列中

How to put two parallel flutter lists in a column

frontend

dart

flutter