Flutter中AppBar无法显示问题求助（附代码及截图）

你的代码里AppBar已创建，但因为未设置标题且没有配置明显的视觉区分属性，导致它和状态栏颜色融合，看起来像是没显示出来。

解决方法 #

给AppBar添加标题，或者设置阴影、显式指定背景色，就能让它清晰显示：

方法1：添加标题 #

修改RootPage的build方法：

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: const Text("首页"), // 添加标题
    ),
  );
}

方法2：添加阴影区分 #

如果不需要标题，可设置阴影让AppBar和状态栏产生视觉差异：

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      elevation: 4.0, // 添加阴影
    ),
  );
}

方法3：显式设置背景色（可选） #

也可以单独指定AppBar的背景色，和状态栏拉开视觉差：

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      backgroundColor: Colors.green[700], // 使用更深的绿色
    ),
  );
}

执行以上任意一种修改后，就能在界面上看到AppBar了。

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