【Flutter】开发技巧集合

发表于 分类于 阅读次数： Valine：

平时开发的时候整理的一些Flutter开发技巧，方便自己在开发的时候能提高效率。
由于不同的系统版本还有idea的版本不同也会对操作有影响，所以我会记录每个技巧合适的系统和Flutter等版本信息

一、Flutter安卓离线编译

  • System version: MacOS 12
  • Flutter version: 1.22.5
  • Dart version: 2.10.4
  • Android Studio version: 4.1.1
  • date: 2022-1-7

使用android studio 打开安卓项目的时候可以通过Gradle视图按钮来控制编译模式（Offline Mode）。但是，Flutter 项目打开后没有Gradle视图，使用手动去开启和关闭
开启方法

  1. 打开项目路径下的android/gradlew 文件。
  2. 添加–offline 参数，如下
1
2
exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@"  --offline

  1. 再次编译的时候就是离线模式了

二、快速使用安卓模式打开Flutter项目下的android文件夹

  • System version: MacOS 12
  • Flutter version: 1.22.5
  • Dart version: 2.10.4
  • Android Studio version: 4.1.1
  • date: 2022-1-7

  1. 在android 文件夹下创建一个xxxx.iml 文件

  2. 粘贴以下代码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    <?xml version="1.0" encoding="UTF-8"?>
    <module type="JAVA_MODULE" version="4">
      <component name="NewModuleRootManager" inherit-compiler-output="true">
        <exclude-output />
        <content url="file://$MODULE_DIR$">
          <sourceFolder url="file://$MODULE_DIR$/lib" isTestSource="false" />
          <sourceFolder url="file://$MODULE_DIR$/test" isTestSource="true" />
          <excludeFolder url="file://$MODULE_DIR$/.dart_tool" />
          <excludeFolder url="file://$MODULE_DIR$/.idea" />
          <excludeFolder url="file://$MODULE_DIR$/.pub" />
          <excludeFolder url="file://$MODULE_DIR$/build" />
        </content>
        <orderEntry type="sourceFolder" forTests="false" />
        <orderEntry type="library" name="Dart SDK" level="project" />
        <orderEntry type="library" name="Flutter Plugins" level="project" />
        <orderEntry type="library" name="Dart Packages" level="project" />
      </component>
    </module>

  3. 随便打开一个文件夹就能看到Open for Editing in Android Studio 的按钮了
    paste image