Flutter - 如何制作嵌套列表視圖？

Question

我想以下列方式制作嵌套列表視圖

我怎樣才能做到這一點？ 我只想要其中一個無線電圖塊的嵌套列表視圖，而不是全部。

我嘗試在另一個列表中包含兩個 ListView 構建器，但是存在渲染問題。

我的代碼：

Column(

      children: <Widget>[
        .....

        Expanded(
          child:

          ListView.builder(
            padding: EdgeInsets.all(0.0),
            itemCount: tasks.length,
            itemBuilder: (context, index) {

              return RadioListTile<String>(

               //contentPadding: EdgeInsets.symmetric(horizontal: 16.0),
                title:  Text(tasks[index], style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.w400)),
                value: tasks[index],
                groupValue: selectedRadio,
                onChanged: (val){
                    setSelectedRadio(val);
                }
              );
            },
          ),
        ),

      ],
    );

Answer 1

您不能在ListView構建ListView因為您會混淆滾動行為。 您應該使用不滾動的 List 小部件，例如Column 。

ListView.builder(
  padding: EdgeInsets.all(0.0),
  itemCount: tasks.length,
  itemBuilder: (context, index) {
    if (// single RadioListTile) {
      return RadioListTile<String>(
        title:  Text(tasks[index], style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.w400)),
        value: tasks[index],
        groupValue: selectedRadio,
        onChanged: (val) => setSelectedRadio(val),
      );
    }
    else if (// nested RadioListTile) {
      return Column(
        children: <Widget>[
          // RadioListTile1,
          // RadioListTile2,
          // RadioListTile3,
        ],
      );
    }
  },
),

Answer 2

您可以在另一個列表視圖中完全包含一個列表視圖。 但是內部列表視圖必須將shrinkWrap 設置為true