2.3.1　Android手机调试运行

我们先在Android手机上运行，看看效果。在Android Studio顶部我们可以看到工具栏，如图2-6所示。

图2-6　Android Studio顶部工具栏

在第一个选项框中出现<no device>表示电脑未连接手机，则我们把Android手机和电脑通过USB线连接在一起，如果还显示<no device>，则需要启用“开发人员选项”和“USB调试”。

注意　默认情况下设备是不显示“开发人员选项”的，需要通过“设置→关于手机”，连续点击“版本号”5次，然后会提示打开了“开发人员选项”，然后可以在设备中看到此选项，进入“开发人员选项”打开USB调试即可。如果按照上面的方法还是无法打开“开发人员选项”，是由于不同手机厂商导致操作方法略有不同，可根据自己手机型号自行百度。

启用“开发人员选项”后，手机上会弹出“允许USB调试吗？”，点击确定。此时会出现手机型号的选项，选择相应的手机作为允许的设备，如图2-7所示。

图2-7　选择相应的手机型号

注意　手机系统需要Android 4.1(API Level 16)或更高的版本。

此时点击绿色的三角按钮运行调试，如图2-8所示。

图2-8　运行调试按钮

一般情况下，我们都会遇到如下问题：

这个问题可能是由两个方面引起的：

1）依赖的插件无法下载，导致编译不过。

解决办法如下：打开项目的android→build.gradle，将如下代码

---

google()
jcenter()

---

替换为

---

maven{ url 'https://maven.aliyun.com/repository/google'}
maven{ url 'https://maven.aliyun.com/repository/gradle-plugin'}
maven{ url 'https://maven.aliyun.com/repository/public'}
maven{ url 'https://maven.aliyun.com/repository/jcenter'}

---

最终效果如图2-9所示。

图2-9　build.gradle设置

打开Flutter SDK中packages→flutter_tools→gradle→flutter.gradle，将如下代码：

---

maven{ url 'https://maven.aliyun.com/repository/google'}
maven{ url 'https://maven.aliyun.com/repository/gradle-plugin'}
maven{ url 'https://maven.aliyun.com/repository/public'}
maven{ url 'https://maven.aliyun.com/repository/jcenter'}

---

添加到google()的上面，最终效果如图2-10所示。

图2-10　flutter.gradle设置

2）如果上面的方法还没有解决问题，找到问题中gradle的文件，比如我的路径是：/User/mengqingdong/.gradle/wrapper/dists/gradle-4.10.2-all/，将gradle-4.10.2-all文件删除，再次运行（点击图2-8所示的绿色三角按钮）即可，这个时候就可以在手机上看到运行效果了。