使用flutter开发手机app
差别
这里会显示出您选择的修订版和当前版本之间的差别。
| 两侧同时换到之前的修订记录 前一修订版 后一修订版 | 前一修订版 | ||
|
使用flutter开发手机app [2020/10/13 17:12] Chris [安装Flutter] |
使用flutter开发手机app [2022/01/03 11:20] (当前版本) 刘焕银 |
||
|---|---|---|---|
| 行 4: | 行 4: | ||
| - https://developer.android.google.cn/studio | - https://developer.android.google.cn/studio | ||
| ==== SDK联网下载 ==== | ==== SDK联网下载 ==== | ||
| - | - 打开ping.chinaz.com | + | - 打开http://ping.chinaz.com，在输入框里输入“dl.google.com”，点击“Ping 检测”按钮 |
| - 获取比较快的dl.google.com的IP地址 | - 获取比较快的dl.google.com的IP地址 | ||
| - 在cmd窗口实际ping一下IP，看看是不是较快 | - 在cmd窗口实际ping一下IP，看看是不是较快 | ||
| 行 14: | 行 14: | ||
| * [[https://mirrors.cloud.tencent.com/gradle/|腾讯软件源]] | * [[https://mirrors.cloud.tencent.com/gradle/|腾讯软件源]] | ||
| ===== 安装Flutter ===== | ===== 安装Flutter ===== | ||
| + | - [[https://flutter.cn/docs/get-started/install/windows|在 Windows 操作系统上安装和配置 Flutter 开发环境]] | ||
| - [[https://flutterchina.club/get-started/install/|起步:安装Flutter]] | - [[https://flutterchina.club/get-started/install/|起步:安装Flutter]] | ||
| - [[https://blog.csdn.net/weixin_43841308/article/details/107655154?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param|Flutter-初次运行卡在Running Gradle task ‘assembleDebug‘ 解决方法]] | - [[https://blog.csdn.net/weixin_43841308/article/details/107655154?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param|Flutter-初次运行卡在Running Gradle task ‘assembleDebug‘ 解决方法]] | ||
| - [[http://www.zyiz.net/tech/detail-141792.html|解决Flutter编译一直显示Running Gradle task 'assembleDebug']] | - [[http://www.zyiz.net/tech/detail-141792.html|解决Flutter编译一直显示Running Gradle task 'assembleDebug']] | ||
| + | - https://www.cnblogs.com/wupeng88/p/11455874.html | ||
| ===== 第一个APP ===== | ===== 第一个APP ===== | ||
| ===== 真机调试 ===== | ===== 真机调试 ===== | ||
| - | - INSTALL_FAILED_USER_RESTRICTED | + | 1. INSTALL_FAILED_USER_RESTRICTED |
| - | * 意思为：用户没有操作权限。 | + | * 意思为：用户没有操作权限。 |
| - | * 问题最可能出现的手机上，【打开开发者选项--打开USB安装】，即允许安装外部应用。 | + | * 问题最可能出现的手机上，【打开开发者选项--打开USB安装】，即允许安装外部应用。 |
| - | * MIUI12，运行的时候，需要在“手机管家>应用管理>权限>USB安装管理”手动允许。（注意，编译时间很长，这个确认留的时间窗很短，要盯住） | + | * MIUI12，运行的时候，需要在“手机管家>应用管理>权限>USB安装管理”手动允许。（注意，编译时间很长，这个确认留的时间窗很短，要盯住手机。跳出确认框时，及时点击确认。） |
| + | 2. git 解决fatal: Not a git repository问题 | ||
| + | * 在cd目录下先执行命令：git init | ||
| + | * 然后再执行之前报错的命令即可。 | ||
| + | |||
| + | 3. Kotlin could not find the required JDK tools in the Java installation 'C:\Program Files\Java\jre1.8.0_161' used by Gradle. Make sure Gradle is running on a JDK, not JRE. | ||
| + | * 安装最新的JDK：https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html | ||
| + | * JDK官网网速不行的话，可以到这里下载：http://file.yiyuen.com/file/download/46191 | ||
| ===== 缩小APK文件尺寸 ===== | ===== 缩小APK文件尺寸 ===== | ||
| [[https://cloud.tencent.com/developer/article/1661684|Flutter-Apk 大小优化探索]] （HLQ_Struggle，2020） | [[https://cloud.tencent.com/developer/article/1661684|Flutter-Apk 大小优化探索]] （HLQ_Struggle，2020） | ||
| - | <WRAP center round help 80%> | + | <WRAP center round tip 80%> |
| 上面叨叨半天，总结一个比较有用的命令： | 上面叨叨半天，总结一个比较有用的命令： | ||
| 行 36: | 行 45: | ||
| 含义就是，哥，帮我针对不同 CPU 架构分别打包，别忘记混淆哈，生成的符号表文件记得帮我放在 HLQ_Struggle 目录下。 | 含义就是，哥，帮我针对不同 CPU 架构分别打包，别忘记混淆哈，生成的符号表文件记得帮我放在 HLQ_Struggle 目录下。 | ||
| </WRAP> | </WRAP> | ||
| + | |||
| + | ====== 修改APP图标和名称 ====== | ||
| + | ===== 修改图标 ===== | ||
| + | |||
| + | ==== 安卓 ==== | ||
| + | |||
| + | - 文件路径：\项目名称\android\app\src\main\res\ | ||
| + | - 修改mipmap开头的文件夹下面对应的文件即可。文件名和图片像素保持不变。 | ||
| + | |||
| + | ==== 苹果 ==== | ||
| + | - 文件路径：\项目名称\ios\Runner\Assets.xcassets | ||
| + | ===== 修改名称 ===== | ||
| + | |||
| + | * 是在app—>src—>main—>AndroidManifest.xml文件中进行修改，具体的操作如下所示： | ||
| + | * （1）AndroidManifest.xml文件中application下面的label对应的值就是应用的名称； | ||
| + | * （2）AndroidManifest.xml文件中application下面的icon对应的值就是应用的图标文件； | ||
| + | |||
| + | ====== 添加标题栏搜索框 ====== | ||
| + | ===== 参考资料 ===== | ||
| + | - https://www.jianshu.com/p/5a0fe6504fb6 | ||
| + | - https://blog.csdn.net/iotjin/article/details/105977742 | ||
| + | |||
| + | ====== 添加顶部品类选择按钮 ====== | ||
| + | ===== 参考资料 ===== | ||
| + | - https://flutterchina.club/tutorials/layout/ | ||
| + | ====== 添加底部菜单栏 ====== | ||
| + | |||
| + | ====== 添加滚动清单 ====== | ||
| + | ===== 参考资料 ===== | ||
| + | - 图片显示：https://blog.csdn.net/ruoshui_t/article/details/90908238 | ||
| + | - TabBar: | ||
| + | - https://www.jianshu.com/p/4ad3ed402aec | ||
| + | - https://www.jianshu.com/p/4f891cb61579 | ||
| + | - 在Flutter中使用自定义Icon: | ||
| + | - https://www.jianshu.com/p/af2df7325e4e | ||
| + | - https://blog.csdn.net/u010755471/article/details/102918428 | ||
| + | - https://www.jianshu.com/p/a5fdc420eab9 | ||
| + | - https://blog.csdn.net/u014005316/article/details/104196120 | ||
| + | |||
| + | ====== 赞一个 ====== | ||
| + | {{:刘焕银的赞赏码.jpg?400|}} | ||
使用flutter开发手机app.1602580354.txt.gz · 最后更改: 2021/02/17 22:16 (外部编辑)