Flutter经验整理

原创

已于 2022-07-28 18:27:37 修改 · 3.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #android

于 2022-07-28 11:44:28 首次发布

本文总结了Flutter的开发经验，包括使用flutter_screenutil进行跨平台适配，注意在iOS上使用SafeArea防止遮挡，利用update['id']局部刷新，统一主题管理，以及如何通过PlatformView和原生交互。此外，还介绍了Flutter异常捕获并结合原生上报的流程，以及Dart语言的特性，如强类型、自动类型推断、默认值为null的变量和顶层方法。最后提到了Flutter的路由管理和第三方库Get。

flutter经验总结,稍候会整理进简历

   1：使用flutter_screenutil做跨平台适配时，ios页面个别细节需要微调整
   2: 再IOS平台上底部弹窗需要使用SafeArea包裹，避免出现弹窗底部按钮和导航栏遮挡
   3：优先考虑使用update['id']这种方式局部刷新页面
   4：主题的更换，使用一个类来实现，主要涉及颜色、图片等资源，避免到处传参
   5：发挥flutter跨平台的最大特性，个别特殊功能使用PlatformView或者Channel和原生交互实现
   6：

flutter异常捕获（最终还是通过原生上报）

1：原生接入友盟统计 2：在flutter和原生进行channle交互配置 3：在flutter中通过FlutterError.onError，提供⼀个⾃定义的错误处理回调 4：最终还是通过原生上报

MobclickAgent.reportError

//全局异常的捕捉
class AppCatchError {
  run(Widget app) {
    ///Flutter 框架异常
    FlutterError.onError = (FlutterErrorDetails details) async {
      ///线上环境
      if (BaseUrl.DEBUG == false) {
        Zone.current.handleUncaughtError(details.exception, details.stack!);
      } else {
        //开发期间 print
        FlutterError.dumpErrorToConsole(details);
      }
    };

    runZonedGuarded(() {
      //受保护的代码块
      runApp(app);
    }, (error, stack) => catchError(error, stack));
  }

  ///对搜集的 异常进行处理  上报等等
  catchError(Object error, St