为什么运行后我的首页顶部没有默认的蓝色背景？

Question

正常UI显示：

我的模拟器运行UI显示：

我的代码：

Answer 1

CrazyCodeBoy 2024-10-12 08:24:56

flutter的版本不同，appbar的默认样式是有不同的，如果你想要蓝色的背景可以这样设置，将primarySwatch:设置成Colors.blue，可参考下
return MaterialApp(
      title: 'Flutter必备Dart基础',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter必备Dart基础'),
    );

• 提问者 浅忆无痕 #1

  怪不得，我用的flutter版本是3.10.2的

• 提问者 浅忆无痕 #2

  Widget build(BuildContext context) {
      return MaterialApp(
          title: 'Trip App',
          theme: ThemeData(
            // colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
            useMaterial3: true,
            primarySwatch: Colors.blue,
          ),
          home: FutureBuilder<dynamic>(
            future: HiCache.preInit(), // 初始化预加载
            builder: (BuildContext context, AsyncSnapshot<dynamic> snapshot) {
              // 异步操作状态已完成
              if (snapshot.connectionState == ConnectionState.done) {
                // 没有登录令牌，说明没有登录过，跳转到登录页
                if (LoginDao.getBoardingPass() == null) {
                  return const Login();
                } else {
                  return const Home();
                }
              } else {
                // 初始化过程中，设置一个居中圆形的进度条
                return const Scaffold(
                  body: Center(
                    child: CircularProgressIndicator(),
                  ),
                );
              }
            },
          ));
    }
  } 我刚试了下添加了primarySwatch: Colors.blue, 还是没有生效