Flutter 重写原生App -- 02 基础知识一路踩坑_flutter重写官方组件-优快云博客

本文链接：https://blog.youkuaiyun.com/prostitute_virgin/article/details/102585249

本文介绍如何使用PubspecAssist插件快速管理Flutter项目的依赖，特别关注device_info插件，用于获取运行设备信息。文章还提供了Dart语法资源链接及如何在不同平台上实现沉浸式状态栏的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Pubspec Assist 插件，快速添加 pubspec.yaml 的依赖
device_info:^0.4.0+3 可查看当前链接的设备是 Ios / Android ，并且获得设备信息
Dart 语法 https://dart.dev/guides/language/language-tour
Dart 插件平台 https://pub.dev/flutter/packages?q=device+info 应用仅有
import 'dart:io'; Platform.isIOS Platform.isAndroid 当前是哪个平台

实现沉浸式自定义状态栏字体颜色

void main() {
  runApp(BaseScreen());
  if (Platform.isAndroid) {
    //以下两行 设置android状态栏为透明的沉浸。写在组件渲染之后，是为了在渲染后进行set赋值，覆盖状态栏，写在渲染之前MaterialApp组件会覆盖掉这个值。
    SystemUiOverlayStyle systemUiOverlayStyle =
        SystemUiOverlayStyle(statusBarColor: Colors.transparent);
    SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
  }
}


class _RootPageState extends State<RootPage> {
  var platformInfo = "current platform is  ";
  @override
  Widget build(BuildContext context) {
    return AnnotatedRegion<SystemUiOverlayStyle>(
      value: SystemUiOverlayStyle.dark,
      child: Material(
        child: Scaffold(
          body: Center(
            child: Text(platformInfo + "Andorid"),
          ),
        ),
      ),
    );
  }
}