Flutter 重写原生App -- 02 基础知识 一路踩坑

 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"),
          ),
        ),
      ),
    );
  }
}

Flutter 所有Widget https://flutter.dev/docs/reference/widgets