Flutter应用中AppBar未显示的问题求助

我正在开发一个带有AppBar的简单Flutter应用，期望AppBar能按照ThemeData中指定的lime色显示，但它完全不出现。正文文本"Hello, Flutter!"显示正常。我已尝试重启VSCode、执行flutter clean、在不同模拟器测试，但问题仍存在。

我的代码： #

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(primarySwatch: Colors.lime),
      home: HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Drawer App"),
        elevation: defaultTargetPlatform == TargetPlatform.android ? 5.0 : 0.0,
      ),
      body: Center(
        child: Text("Hello, Flutter!"),
      ),
    );
  }
}

已尝试的操作： #

• 重启VSCode
• 执行flutter clean
• 在不同模拟器测试

结果： #

"Hello, Flutter!"文本正常显示，但AppBar不可见。

解决方案： #

问题出在defaultTargetPlatform的使用上，未导入对应依赖导致代码编译异常，进而使AppBar无法正常构建，可通过以下方式解决：

1. 导入dart:io包
   在代码顶部添加导入语句，让defaultTargetPlatform可被识别：

import 'dart:io';
import 'package:flutter/material.dart';

2. 通过Theme获取平台信息
   无需额外导入包，直接从上下文Theme中获取当前平台：

appBar: AppBar(
  title: Text("Drawer App"),
  elevation: Theme.of(context).platform == TargetPlatform.android ? 5.0 : 0.0,
),

3. 移除条件判断，设置固定阴影值
   如果不需要按平台区分阴影高度，直接设置固定值即可：

appBar: AppBar(
  title: Text("Drawer App"),
  elevation: 5.0,
),

完成任意一种修改后重新运行项目，AppBar即可正常显示并应用lime主题色。

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