搭建flutter项目

这篇具有很好参考价值的文章主要介绍了搭建flutter项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一些命令:

检查环境:

MacBook-Pro ~ % flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[] Flutter (Channel stable, 3.10.2, on macOS 13.3.1 22E772610a darwin-arm64,
    locale zh-Hans-CN)
[] Android toolchain - develop for Android devices (Android SDK version 32.0.0)
[] Xcode - develop for iOS and macOS (Xcode 14.1)
[] Chrome - develop for the web
[] Android Studio (version 2022.1)
[] VS Code (version 1.76.0)
[] Connected device (3 available)
[] Network resources

• No issues found!

flutter版本号

MacBook-Pro ~ % flutter --version
Flutter 3.10.2 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 9cd3d0d9ff (7 days ago)2023-05-23 20:57:28 -0700
Engine • revision 90fa3ae28f
ToolsDart 3.0.2DevTools 2.23.1

dart版本号

MacBook-Pro ~ % dart --version
Dart SDK version: 3.0.2 (stable) (Tue May 23 08:26:58 2023 +0000) on "macos_arm64"

升级flutter
这个命令首先获取你的 Flutter 渠道可用的最新的 Flutter SDK 版本

flutter upgrade

切换flutter渠道
Flutter 有 3 个发布渠道,分别是 stablebetamaster。推荐使用 stable 渠道除非你需要体验最新更新的 Flutter 特性
1> 查看当前使用的渠道
渠道前带*的即为当前渠道(文档讲master又名main,但我这里main与master并列,不清楚状况,不纠结这个了)

MacBook-Pro ~ % flutter channel
Flutter channels:
  master
  main
  beta
* stable

2> 切换到其它渠道

flutter channel <channel-name>


使用Android Studio开发flutter项目
下载Android Studio


Android Studio界面选择[New Flutter Project]创建Flutter项目

android studio 创建flutter项目,flutter,android,android studio

flutterSDK及Dart路径

android studio 创建flutter项目,flutter,android,android studio

项目名、项目位置、描述、项目类型、组织、语言及运行平台等

android studio 创建flutter项目,flutter,android,android studio

新建的flutter项目ios文件夹中是没有Podfile文件的,为了方便我们pod相关配置,首先在pubspec.yaml中依赖一个需要在iOS原生端管理的插件,比如permission_handler
在IDE界面上执行下Pub get 或 内置终端中执行 flutter pub get
之后ios文件夹中可看到出现了Podfile文件

android studio 创建flutter项目,flutter,android,android studio

android studio 创建flutter项目,flutter,android,android studio

android studio 创建flutter项目,flutter,android,android studio

使用Xcode打开iOS工程

android studio 创建flutter项目,flutter,android,android studio

根据自身项目所需进行iOS原生端的配置

android studio 创建flutter项目,flutter,android,android studio

配置忽略文件:
这里使用了flutter官方推荐的gitignore

android studio 创建flutter项目,flutter,android,android studio

运行Hello World项目:

android studio 创建flutter项目,flutter,android,android studio

若运行release模式:

android studio 创建flutter项目,flutter,android,android studio

至此,使用Android Studio新建一个flutter项目及其配置iOS原生端就结束了。


快捷键:
stful > 快速创建有状态的class
stless > 快速创建无状态的class

代码整理:
右键 -> Reformat Code with ‘dart format’

android studio 创建flutter项目,flutter,android,android studio

开始搭建常见应用框架:

Android Studio必装插件

  • Flutter
  • FlutterJsonBeanFactory: 序列化
  • GetX

android studio 创建flutter项目,flutter,android,android studio

pubspec.yaml所有依赖:
其余根据项目所需继续依赖其他所需插件:

permission_handler: 10.2.0 # 权限
get: 4.6.5 # 状态、路由
flutter_localizations: # 本地化
  sdk: flutter
flutter_screenutil: 5.8.3 # 适配
get_storage: 2.1.1 # 存储,简单存储
cached_network_image: 3.2.3 # 图片加载
dio: 5.1.2 # 网络请求
url_launcher: 6.1.11 # 访问url
connectivity_plus: 4.0.1 # 网络状态
flutter_inappwebview: 5.7.2+3 # webView
flutter_easyloading: 3.0.5 # loading、toast
package_info_plus: 4.0.2 # app信息-version、build等

android studio 创建flutter项目,flutter,android,android studio

大概分了这些文件夹:
图片资源路径要添加到pubspec.yaml文件的assets处

android studio 创建flutter项目,flutter,android,android studio

  1. 新建App主页HomePage

android studio 创建flutter项目,flutter,android,android studio

android studio 创建flutter项目,flutter,android,android studio

  1. 路由到其他页面
Get.to(() => ChildPage());

  1. 返回(pop)
Get.back();

  1. 新建model

    android studio 创建flutter项目,flutter,android,android studio

android studio 创建flutter项目,flutter,android,android studio

android studio 创建flutter项目,flutter,android,android studio

如果修改了生成model中的字段,比如这里的lives字段,修改之后:
option+J
IDE右下角会弹出convert factory is generated提示,代表修改成功。

android studio 创建flutter项目,flutter,android,android studio

最后

如果想要成为架构师或想突破20~30K薪资范畴,那就不要局限在编码,业务,要会选型、扩展,提升编程思维。此外,良好的职业规划也很重要,学习的习惯很重要,但是最重要的还是要能持之以恒,任何不能坚持落实的计划都是空谈。

如果你没有方向,这里给大家分享一套由阿里高级架构师编写的《Android八大模块进阶笔记》,帮大家将杂乱、零散、碎片化的知识进行体系化的整理,让大家系统而高效地掌握Android开发的各个知识点。
android studio 创建flutter项目,flutter,android,android studio
相对于我们平时看的碎片化内容,这份笔记的知识点更系统化,更容易理解和记忆,是严格按照知识体系编排的。

全套视频资料:

一、面试合集

android studio 创建flutter项目,flutter,android,android studio
二、源码解析合集
android studio 创建flutter项目,flutter,android,android studio

三、开源框架合集
android studio 创建flutter项目,flutter,android,android studio
欢迎大家一键三连支持,若需要文中资料,直接扫描文末CSDN官方认证微信卡片免费领取↓↓↓

PS:群里还设有ChatGPT机器人,可以解答大家在工作上或者是技术上的问题
文章来源地址https://www.toymoban.com/news/detail-719956.html

到了这里,关于搭建flutter项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 在Android原生项目中 创建 Flutter模块

    应用场景: 在已有的 Android原生项目中,引入Flutter模块,摸索了两天,终于给整出来了; 如果是新项目 ,最好直接创建Flutter项目,然后在Fluter的 android / ios目录中,写原生代码; 本文除了讲解 Android原生如何创建Flutter模块外,还会演示在使用 Gradle 高版本 和 低版本  时可

    2024年01月19日
    浏览(43)
  • Flutter & Android问题记录 - 升级Android Studio 2022.2.1版本后运行项目报错

    最近一个Flutter项目有新需求,开发时一直是在iOS设备上运行,花了几天做完后运行到Android设备测试,结果项目构建失败了。 Flutter: 3.7.11 Android Studio: 2022.2.1 Java: 17.0.6 Gradle: 7.4 Android Gradle Plugin (AGP): 4.1.3 项目构建报错日志: 报错有点眼熟,根据以往开发经验,应该是Gradle版本

    2023年04月24日
    浏览(85)
  • Android Studio心得-创建登录注册项目

            首先先了解AndroidStudio是什么:Android Studio是一个由谷歌开发的Android应用程序开发环境,用于开发Android应用程序。它基于JetBrains IntelliJIDEA软件,并包含了许多定制化功能,包括易于使用的分析工具、内存分析工具和代码编辑器等,支持Java、Kotlin等多种编程语言。An

    2024年02月05日
    浏览(57)
  • ffmpeg-android studio创建jni项目

    android - defaultConfig -externalNativeBuild - cmake 配置c++使用标准 android - externalNativeBuild - cmake 1 、配置cmake文件路径 2、配置cmake的版本 cmake_minimum_required cmake最低版本要求 project 设置项目名称 add_library 添加库并设置库的源文件 1、 Normal Libraries name:库名称 STATIC|SHARED|MODULE:库类型(静态

    2024年02月09日
    浏览(45)
  • 使用Android Studio创建第一个小项目(登录页面)

    仅供参考,学习使用 我这里了就直接创建一个模块了 然后选择Empty Activity 接下来直接点finish 我没有艺术细胞,所以画的比较差,大家不要介意 点击下面我图片的箭头处 然后点击split ####删掉我图片中的内容 然后点回design 点击旁边的TextView,拖动到方框中来 接着我们让这个

    2024年02月07日
    浏览(53)
  • Android Studio 创建项目不自动生成BuildConfig文件

    今天在AS上新建项目发现找不到BuildConfig文件,怎么clear都不行。通过多方面查找发现原来gradle版本不同造成的,Gradle 8.0默认不生成 BuildConfig 文件。 如上图,8.0版本是没有source文件夹 上图是低于8.0版本有source文件夹 针对这个问题,有两种解决办法        方法一:降低Gr

    2024年01月22日
    浏览(45)
  • Android Studio 2022.1.1创建项目的Gradle配置

    今天使用Android Studio建了一个新项目,遇到了不少问题,网上也找了不少解决方案都无效(可能Studio版本、项目版本等都不一样,解决办法也不一样吧),最后问题解决,总结梳理以下几点: Android Studio版本:2022.1.1 Gradle版本:7.5 Android Gradle Plugin Version:7.4.2 JDK版本:Java 1

    2024年02月06日
    浏览(48)
  • 环境搭建:Visual Studio的安装和创建C++项目

    💡 作者简介:专注于C/C++高性能程序设计和开发,理论与代码实践结合,让世界没有难学的技术。 👉 🎖️ CSDN实力新星,社区专家博主 👉 🔔 专栏介绍:从零到c++精通的学习之路。内容包括C++基础编程、中级编程、高级编程;掌握各个知识点。 👉 🔔 专栏地址:C++从零

    2024年02月12日
    浏览(47)
  • [Android Studio]新手向,安装创建项目构建很慢,下载依赖很慢的问题

    一点废话,可以直接跳过:         我是没用过Android Studio,也没学过,几乎零基础使用这个软件,很多原理的知识可能我不是很清楚,只能说,这么弄了,是对的、或者能用的,第一次写博客,也不太会,大佬们口下留情。还没看到运行的示例模板,在最开始导入项目这

    2024年02月05日
    浏览(52)
  • android studio创建一个新的项目为什么默认是kotlin语言而选择不了java语言

    关于android studio语言选择的问题。 我在进入android studio为什么创建一个新项目之后选择不了java语言有什么办法可以解决。 解决办法:这个模式下选着一个Empty Activity模块就可以使用java语言。 这对于刚刚接触anaroid studio新手比较管用。  

    2024年02月11日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包