微信交流群

# Android 手机调试运行

在Android Studio顶部我们可以看到工具栏

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

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

启用“开发人员选项”后,手机上会弹出“允许USB调试吗?”,点击确定。此时会出现手机型号的选项,选择相应的手机作为允许的设备,

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

此时点击绿色的三角按钮,运行调试:

一般情况下,我们都会遇到如下问题:

出现这个问题可能是由 2个方面引起的:

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

    解决办法如下:打开项目的android->build.gradle,将

    google()
    jcenter()
    
    1
    2

    替换为:

    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'}
    
    1
    2
    3
    4

    最终效果如图:

    打开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'}
    
    1
    2
    3
    4

    添加到google()的上面,最终效果如图:

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

# iOS调试运行

iOS可以使用iOS模拟器看效果,因为模拟器的效果和真机一样。在Android Studio设备选择的中选择“open iOS Simulator”创建iOS 模拟器:

模拟器创建成功后击“运行”,运行效果:

# debug Flutter 代码

在 Android Studio 中 debug flutter 代码,点击debug 按钮:

在需要的地方打上 断点 即可。

运行到 断点 时开始debug,在下面控制台有继续运行、单步执行等。

# debug Android 代码

debug Android 代码时,首先打开 Flutter -> android 目录下的android项目,设备一定要选择android设备,点击debug按钮即可

还有一种方式是将项目运行起来,点击菜单栏如下按钮:

弹出选择框

选择项目的包名,此时在需要断点的地方添加断点即可。

# debug iOS 代码

debug iOS 代码需要使用 Xcode,Xcode 打开Flutter 目录下 iOS 项目,直接点击运行即可,在需要断点的地方打上断点: