如何輸入已經在 flutter 列內的一行內的兩個列表視圖

Question

我有一種情況我必須這樣做

我已經嘗試了很多解決方案但無法存儲這可能嗎？？

Expanded(
  child: Row(
    // mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: [
      ListView.builder(
        shrinkWrap: true,
        itemCount: selectedMainCasteIds?.length,
        itemBuilder: (context, index) {
          return Text('${selectedMainCasteIds![index].mainCasteName}',style: TextStyle(fontSize: 10),);
        },
      ),
      Text('ddddd'),

      ListView.builder(
        shrinkWrap: true,
        itemCount: selectedMainCasteIds?.length,
        itemBuilder: (context, index) {
          return Text('${selectedMainCasteIds![index].mainCasteName}',style: TextStyle(fontSize: 10),);
        },
      ),
    ],
  ),
),

Answer 1

也用Expanded包裹你的Listview 。

Expanded(
  child: Row(
    // mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: [
      Expanded(
        child: ListView.builder(
          shrinkWrap: true,
          itemCount: 2,
          itemBuilder: (context, index) {
            return Text(
              'lorem ipsum dolor',
//                     style: TextStyle(fontSize: 10),
            );
          },
        ),
      ),
      Padding(
        padding: EdgeInsets.all(8),
        child: Text('ddddd'),
      ),
      Expanded(
        child: ListView.builder(
          shrinkWrap: true,
          itemCount: 2,
          itemBuilder: (context, index) {
            return Text(
              'lorem ipsum dolor',
              textAlign: TextAlign.right,
//                     style: TextStyle(fontSize: 10),
            );
          },
        ),
      ),
    ],
  ),
),

Answer 2

final techs = <String>['Dart', 'Flutter', 'Firebase'];
final packages = <String>['Freezed', 'Riverpod', 'Isar'];

Column(
  children: [
    Row(
      children: [
        Expanded(
          child: ListView.builder(
            shrinkWrap: true,
            itemCount: techs.length,
            itemBuilder: (context, index) {
              return Text('Tech - ${techs[index]}');
            },
          ),
        ),
        Expanded(
          child: ListView.builder(
            shrinkWrap: true,
            itemCount: packages.length,
            itemBuilder: (context, index) {
              return Text('Package - ${packages[index]}');
            },
          ),
        ),
      ],
    ),
  ],
),

Output：