我一直在尝试做类似这样的设计：

但是得到这个作为输出：

下面是我实现的代码：

Row(
                    children: [
                      Expanded(
                        flex: 5,
                        child: ListView.builder(
                          shrinkWrap: true,
                          scrollDirection: Axis.vertical,
                          itemCount: interests.length,
                          itemBuilder: (context, index) {
                            return interests[index];
                          },
                        ),
                      ),
                    ],
                  ),

这里的利益是列表：像这样：

List<Widget> interests = [
  OutlinedButton.icon(
    onPressed: null,
    icon: const Icon(Icons.add),
    label: const Text('Socializing'),
  ),
  OutlinedButton.icon(
    onPressed: null,
    icon: const Icon(Icons.add),
    label: const Text('Community Work'),
  ),
  OutlinedButton.icon(
    onPressed: null,
    icon: const Icon(Icons.add),
    label: const Text('Photography'),
  ),
...

有什么想法，我哪里出错了？pidoss.如果我删除扩展的小部件，它会导致错误
我在对话框〉SingleChildScrollableView〉列中实现了所有这些