如何在Flutter页面body的Wrap组件前正常显示Text文本内容？

• Center组件的child参数仅支持接收单个Widget，直接同时添加Text和Wrap两个独立组件会触发类型不匹配报错
• 若要同时展示多个上下排列的组件，需要使用多子组件布局容器承载

将Center的child替换为Column组件，依次放入你需要展示的Text和Wrap即可，示例修改后代码如下：

@override
Widget build(BuildContext context) {
  // 替换为你自己的字符串变量即可
  String yourText = "要展示的文本内容";
  return Scaffold(
    appBar: AppBar(
      title: const Text("Second Route"),
    ),
    body: Center(
      child: Column(
        // 保持内容整体垂直居中
        mainAxisAlignment: MainAxisAlignment.center,
        // 去掉Column默认的顶部留白
        mainAxisSize: MainAxisSize.min,
        children: [
          // 要前置展示的文本组件，直接传入你的字符串变量
          Text(yourText),
          // 可选：调整文本和Wrap组件的间距
          const SizedBox(height: 16),
          Wrap(
            children: _buildButtonsWithNames(),
          )
        ],
      ),
    )
  );
}

• 如果你需要文本和Wrap横向排列，把Column替换为Row即可
• 可以通过Text组件的style参数调整文本的字体大小、颜色等样式

内容的提问来源于stack exchange，提问作者masfiq reza