'How to put two parallel flutter lists in a column

I wanna put two parallel lists inside the row marked in the picture. I've tried different types of structures, but all give me problems. Each element of the dynamic lists will have a picture and a Text. Screen

I've been trying to put two sized box inside the row:

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

After the width putting the ListView

Everything I try gives me the next error: error



Solution 1:[1]

enter image description here

Please refer to below code

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

Solution 2:[2]

Try this :

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

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1
Solution 2