Flutter：显示我的页面时出现问题答案

【问题标题】：Flutter: I have a problem displaying my pageFlutter：显示我的页面时出现问题
【发布时间】：2022-11-15 23:29:29
【问题描述】：

这是我页面中的代码，但没有显示任何内容：

body: Column(
        children: [
          Center(
            child: Container(
              color: Color.fromARGB(255, 234, 237, 245),
              child: Expanded(
                child: ListView.separated(
                  separatorBuilder: (context, index) => SizedBox(
                    height: 2,
                  ),
                  controller: scrollController,
                  itemCount: 2,
                  itemBuilder: (context, index) {
                    return ListTile(
                      onTap: () {
                        Navigator.pushNamed(context, "/seconnecter");
                      },
                      title: Text('hello'),
                    );
                  },
                ),
              ),
            ),
          ),
        ],
      ),

请告诉我错误在哪里？

我期望拥有的：带有Column 和Row 的页面

我将不胜感激任何帮助。先感谢您！

【问题讨论】：

标签： flutter dart

【解决方案1】：

您以错误的方式使用扩展。

扩展 a 的子级的小部件行、列或 Flex以便孩子填满可用空间。

使用展开小部件使一个孩子行、列或 Flex展开以填充沿主轴的可用空间（例如，水平地用于行或垂直地用于列）。如果展开多个子节点，则可用空间根据弹性因子在它们之间分配。

Expanded 小部件必须是行、列或 Flex，以及从 Expanded 小部件到其封闭部件的路径行、列或 Flex必须只包含 StatelessWidgets 或 StatefulWidgets（不能包含其他类型的小部件，如 RenderObjectWidgets）。

根据上面的解释，您不能使用 ListView.separated （这是一个可滚动的小部件）。

你可以这样做：

body: Column(
      children: [
        Center(
          child: Container(
            color: const Color.fromARGB(255, 234, 237, 245),
            child: ListView.separated(
              shrinkWrap: true, //<===== take note of this
              separatorBuilder: (context, index) => const SizedBox(
                height: 2,
              ),
              controller: scrollController,
              itemCount: 2,
              itemBuilder: (context, index) {
                return ListTile(
                  onTap: () {
                    Navigator.pushNamed(context, "/seconnecter");
                  },
                  title: const Text('hello'),
                );
              },
            ),
          ),
        ),
      ],
    )

【讨论】：