App调试运行
Android 手机调试运行
在Android Studio顶部我们可以看到工具栏
image在第一个选项框中出现no device 代表电脑未连接手机,我们把Android手机和电脑通过USB线连接在一起,如果还显示no device,需要启用“开发人员选项”和“USB调试”。
注意:默认情况下设备是不显示 “开发人员选项”的,这时候需要通过“设置->关于手机”,连续点击“版本号”5次,此时会提示打开了“开发人员选项”,此时可以在设备中看到此选项,进入“开发人员选项”打开USB调试”即可。如果按照上面的方法还是无法打开“开发人员选项”, 是由于不同手机厂商的导致操作方法略有不同,可根据自己手机型号自行百度打开“开发人员选项”的方法。
启用“开发人员选项”后,手机上会弹出“允许USB调试吗?”,点击确定。此时会出现手机型号的选项,选择相应的手机作为允许的设备,
image手机系统版本需要Android 4.1(API Level 16)或更高的版本。
此时点击绿色的三角按钮,运行调试:
image一般情况下,我们都会遇到如下问题:
image出现这个问题可能是由 2个方面引起的:
- 依赖的插件无法下载,导致编译不过。
解决办法如下:打开项目的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'}
```
最终效果如图:
image打开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()的上面,最终效果如图:
image- 如果上面的方法还没有解决问题,找到问题中gradle的文件,比如我的路径是:/User/用户/.gradle/wrapper/dists/gradle-4.10.2-all/,将gradle-4.10.2-all文件删除,再次运行(点击上面提到的绿色三角按钮)即可,这个时候就可以在手机看到运行的效果了。
#iOS调试运行
iOS可以使用iOS模拟器看效果,因为模拟器的效果和真机一样。在Android Studio设备选择的中选择“open iOS Simulator”创建iOS 模拟器:
image模拟器创建成功后击“运行”,运行效果:
image#debug Flutter 代码
在 Android Studio 中 debug flutter 代码,点击debug 按钮:
image在需要的地方打上 断点 即可。
image运行到 断点 时开始debug,在下面控制台有继续运行、单步执行等。
image#debug Android 代码
debug Android 代码时,首先打开 Flutter -> android 目录下的android项目,设备一定要选择android设备,点击debug按钮即可
image还有一种方式是将项目运行起来,点击菜单栏如下按钮:
image弹出选择框
image选择项目的包名,此时在需要断点的地方添加断点即可。
#debug iOS 代码
debug iOS 代码需要使用 Xcode,Xcode 打开Flutter 目录下 iOS 项目,直接点击运行即可,在需要断点的地方打上断点:
image