Flutter 使用总结

Flutter 使用总结

Flutter 安装

1. 下载：Flutter SDK；

   1. 配置环境变量：

      1. 打开终端，打开环境变量配置：open ~/.zshrc；

      2. 如果没有.zshrc，就新建：vim ~/.zshrc；

      3. 配置环境变量：

         export PATH
         export PATH export PATH=/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin 
         export PUB_HOSTED_URL=https://pub.flutter-io.cn # 国内用户需要设置
         export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn # 国内用户需要设置
         export PATH=${PATH}:/flutter的存储地址/flutter/bin:$PATH
         
         # 最后一行举例：
         # export PATH=${PATH}:/Users/xxx/Documents/code/flutter/bin:$PATH
         

      4. 保存并退出编辑：:wq；

      5. 重新保存一下配置：source ~/.zshrc，来刷新一下，让我们的配置立即生效；

      6. 运行一下看是否配置好：flutter doctor；

2. 下载：Android Studio；

   1. Android Studio安装：Flutter插件；打开Android Studio，打开路径：Android Studio->Preferences->Plugins->Marketplace->搜索Flutter，下载Flutter；
   2. 安装：Dart插件；（下载Flutter插件，会让先下载Dart插件）
   3. 重启Android Studio让插件生效；
   4. 配置Flutter SDK路径（前提是要先打开一个Flutter项目，才能在Languages & Frameworks下面看到Flutter和Dart配置入口），就是下载的Flutter SDK的存放路径：打开路径：Android Studio->Preferences->Languages & Frameworks->Flutter->Flutter SDK path，选择下载的Flutter SDK的存放路径；
   5. 配置Dart路径：一般配置好Flutter SDK路径，Dart路径会自动配置，可在路径：Android Studio->Preferences->Languages & Frameworks->Dart->Dart SDK path，查看是否配置成功。

3. 下载：Xcode；

4. 打开Android Studio的命令行，执行：flutter doctor，使用Flutter的语法进行检测；

Flutter 语法

// 配置检测：首次执行Flutter命令的时候，会自动下载依赖项并自行编译。如果有问题，按照提示，依次解决。
flutter doctor

常见错误

1. iPhone真机运行，报错：无法打开“iproxy”，因为无法验证开发者，这个问题可能是因为权限不够，执行这句命令就可以搞定：

   sudo xattr -d com.apple.quarantine /Users/zions/development/flutter/bin/cache/artifacts/usbmuxd/iproxy
   

2. 执行flutter语法报错：command not found: flutter：应该是环境变量配置有问题，重新走一下上面的配置环境变量的步骤。

3. 在Android Studio的终端执行flutter doctor报错：

   1. 错误一：

      cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
      

      然后执行：path/to/sdkmanager --install "cmdline-tools;latest"后报错：

      zsh: no such file or directory: path/to/sdkmanager
      

      解决方法：参考错误二；

   2. 错误二：

      Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.`
      See https://flutter.dev/docs/get-started/install/macos#android-setup for more details.
      

      然后执行：flutter doctor --android-licenses后报错：

      Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to resolve this.
      

      解决方法：
      1. 打开SDK Manager -> Appearance & Behavior -> System Setting -> Android SDK -> SDK Tools；
      2. 选中Android SDK Command-line Tools (latest)；
      3. 点击下方Apply；
      4. 进行下载操作；
      5. 下载完成后，点击finish关闭下载页，然后点击Appley应用即可；

   3. 错误三：执行Run报错：

      Error running pod install
      Error launching application on iPhone 13 Pro.
      

      解决方法：
      1. ；

   4. 错误四：执行Run报错：

          ――― TEMPLATE END ――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
      
          [!] Oh no, an error occurred.
      
          Search for existing GitHub issues similar to yours:
          https://github.com/CocoaPods/CocoaPods/search?q=dlopen%28%2FLibrary%2FRuby%2FGems%2F2.6.0%2Fgems%2Fffi-1.15.4%2Flib%2Fffi_c.bundle%2C+0x0009%29%3A+tried%3A+%27%2FLibrary%2FRuby%2FGems%2F2.6.0%2Fgems%2Fffi-1.15.4%2Flib%2Fffi_c.bundle%27+%28mach-o+file%2C+but+is+an+incompatible+architecture+%28have+%27arm64%27%2C+need+%27x86_64%27%29%29%2C+%27%2Fusr%2Flib%2Fffi_c.bundle%27+%28no+such+file%29+-+%2FLibrary%2FRuby%2FGems%2F2.6.0%2Fgems%2Fffi-1.15.4%2Flib%2Fffi_c.bundle&type=Issues
      
          If none exists, create a ticket, with the template displayed above, on:
          https://github.com/CocoaPods/CocoaPods/issues/new
      
          Be sure to first read the contributing guide for details on how to properly submit a ticket:
          https://github.com/CocoaPods/CocoaPods/blob/master/CONTRIBUTING.md
      
          Don't forget to anonymize any private data!
      
          Looking for related issues on cocoapods/cocoapods...
      
      Error output from CocoaPods:
      ↳
          Searching for inspections failed: undefined method `map' for nil:NilClass
      
      Error running pod install
      Error launching application on iPhone 13 Pro.
      

      出现改错误的原因：可能是导入了以下代码：

      flutter_image_compress: ^1.1.0
      

   5. 错误五：报错：

      Could not build the application for the simulator.
      Error launching application on iPhone 13 Pro.
      

      解决方案：