Win10环境下Android Studio中运行Flutter HelloWorld项目

news/2024/11/29 5:47:07/

一、引言

        Android Studio是Android的官方IDE(Integrated Development Environment)。它专为Android而打造,可以加快开发速度,为Android设备构建最高品质的应用。

        Flutter是Google推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过Dart语言开发App,实现一套代码同时运行在iOS和Android平台。

        Dart是一种针对客户优化的语言,可在任何平台上开发快速的应用程序。其目标是为多平台开发提供最高效的编程语言,并为应用程序框架搭配了灵活的运行时执行平台。通常来说,编程语言会包含一些技术壁垒,即语言在设计中的抉择决定了其功能和优势。 Dart的语言设计针对客户端开发,它优先考虑多平台(Web,移动端和桌面端) 上的开发 (亚秒级的状态热重载) 和高质量生产环境体验。Dart也是Flutter的基础。 Dart作为Flutter应用程序的编程语言,为驱动应用运行提供了环境,同时Dart还支持许多核心的开发任务,  例如格式化,分析和代码测试。

二、基础环境

        需要安装Android Studio和Flutter,Android Studio中的模拟器可不装、而选用真机。

        Android开发工具下载:https://www.androiddevtools.cn/

        安装Android Studio可查看这篇博客(仅供参考):https://blog.csdn.net/tao_789456/article/details/118093106。

        真机运行APP(测试Android Studio开发环境,仅供参考):https://blog.csdn.net/mfysss/article/details/128104855

        安装Flutter可查看这篇博客(仅供参考):https://zhuanlan.zhihu.com/p/628479851(基本上是下载、解压、设置环境变量就可以了)。

三、我的环境

        Win10版本:10.0.19042

        Android Studio版本

        真机环境:Meizu Pro 6 Plus(Android7.0.0)

        Flutter版本

        Flutter 3.3.10 • channel stable • https://github.com/flutter/flutter.git
        Framework • revision 135454af32 (7 months ago) • 2022-12-15 07:36:55 -0800
        Engine • revision 3316dd8728
        Tools • Dart 2.18.6 • DevTools 2.15.0

四、遇到的问题

        1、安装Android Studio的时候始终无法安装手机模拟器,大概原因是电脑的CPU不支持VT-x。装不了就不逞强了(因为这不是我个人的电脑,而且电脑桌面也是云桌面,捣鼓不好弄),然后我选用了真机运行。

        2、安装Flutter的时候,出现flutter相关的命令没反应、不运行、卡住的问题。除了上述的现象,如果你贸然在Android Studio中创建Flutter项目也会显示不正常(例如,没有Project Type、Android language、iOS language可以让你选),或者create项目的时候被卡住。解决方案:根据博客https://blog.csdn.net/huanggan08/article/details/88641198的指引将Flutter的安装位置进行了迁移,例如我一开始是安装在C盘的“Program Files”(切忌,带空格的安装路径是有可能导致这个问题的主要原因),然后我迁移到了C盘的根目录。

        3、在创建Flutter项目的时候出现“Invalid module name:'XxxxXxxx' - must be a valid Dart package name(lower_case_with_underscores)”。解决方案:使用小写字母或下划线的组合命名项目。

        4、Flutter App Run 卡在 Running Gradle task 'assembleDebug'。解决方案,切换Flutter的源(source,主要是flutter\packages\flutter_tools\gradle中的flutter.gradle),具体Flutter项目中的build.gradle(即android/build.gradle文件)我这边不改也可以。我主要参考了这篇博客来解决我遇到的问题:https://www.bilibili.com/read/cv22572083。具体方法:

修改Flutter SDK中packages\flutter_tools\gradle\flutter.gradle文件:将buildscript.repositories下面两行代码注释掉
//google()
//mavenCentral()
改成
maven {allowInsecureProtocol = trueurl 'https://maven.aliyun.com/repository/google'
}
maven {allowInsecureProtocol = trueurl 'https://maven.aliyun.com/repository/jcenter'
}
maven {allowInsecureProtocol = trueurl 'http://maven.aliyun.com/nexus/content/groups/public'
}在修改过程中请注意空格字符应与文件保持一致。

        5、在运行flutter doctor的时候,它提示我没有安装Visual Studio。其实这个Visual Studio不用安装也可以开发Flutter项目,具体装不装看个人吧。

五、在Android Studio中运行Flutter HelloWorld项目

        创建一个Flutter项目:

        选择Flutter SDK路径(这一步很重要,路径不能包含空格,前面在安装Flutter的时候就要保证),然后next:

        命名项目(注意小写),选择Android和iOS的语言,然后点Finish。如果没有出现下面这个界面,说明Flutter没安装对,需要自己再检查调整一下。

        写代码,或者直接运行:

        然后连接电脑的Meizu Pro 6 Plus手机就会提示安装,安装后打开该app,手机屏幕上就会显示HelloWorld Times: 0,如果你不断地点“+”号图标,数字就会一直增加。

        好啦,博客快要写完了,大家有问题留言区见。

六、参考资料

        1、Android Studio 功能  |  Android 开发者  |  Android Developers

        2、Flutter介绍

        3、Dart 概览


http://www.ppmy.cn/news/957381.html

相关文章

一分钟带你了解什么是ChatGPT?

在实际应用场景中,ChatGPT可以应用于多种场景,如客服、娱乐和教育等。与传统的聊天机器人相比,ChatGPT具有更高的智能水平,能够更好地理解人类的语言和意图。比如,ChatGPT可以帮助用户解决一些常见的问题,如…

chatGPT的原理是什么

ChatGPT是一种基于自然语言生成的对话系统。它使用了一种叫做 Transformer 的神经网络架构,能够从输入的文本中学习语言模型并生成输出文本。 ChatGPT 的工作原理是,当用户输入一条消息时,它会将输入的消息与之前的对话历史拼接起来&#xff…

如何使用chatgpt提高嵌入式软件开发效率

使用CHATGPT可以提高软件的开发效率 注册 这个过程网上很多,可从网上参考 输入要实现的软件功能,尽量的分模块获取软件的源码, 将最终输出的源码信息拷贝到项目中,前提一定要读懂软件源码的功能,且懂得调用接口。

chatgpt是什么软件

ChatGPT是一款基于自然语言处理技术开发的聊天机器人软件,它通过与用户的交互,为用户提供有关各种主题的答案和解决方案。这款软件可以称为是一种智能机器人,它可以理解自然语言、识别语义、自主学习和适应,为用户提供与人类一样的…

【SpringBoot Web开发】如何构建树形结构数据

树形结构数据 应用场景 比如我们需要构建菜单、机构树、其他业务类型树形结构 工具类 我们可以把菜单列表返回,获取parent_id字段等于0的节点,称为根节点,这样的节点代表一级菜单再通过根节点的主键去寻找子菜单,因为要有多及菜…

人才输送|我的“捷码低代码工程师”转型之路!

最新职位 招聘岗位:低代码工程师 需求公司:上海北斗西虹桥基地 应聘条件:1、本科以上,最好硕士;2、有三年以上开发经验; 工作内容:带领团队用捷码低代码平台进行项目开发。 工作地点&#xff1a…

html input怎么限制字数,搞了个输入框限制字数

结合蚂蚁设计的Antv(类型ElementUi框架) html部分: 还可输入{{remnant}}个字。 data.return部分: data(){ return{ val:, val2:, val3:, maxLength:800, autoFocus:true, retPras: { rules: [ { required: true, message: 请输入问题描述信息! }, { vali…

textarea输入框的字数限制与输入字数显示

html <div class"form_message1"><textarea class"form_control form_message2" type"text" name"message" maxlength"254" placeholder"请输入您的留言"></textarea><p class"font_n…