# Flutter_基本开发学习

**Repository Path**: ma-zhida/flutter_study

## Basic Information

- **Project Name**: Flutter_基本开发学习
- **Description**: flutter应用开发
- **Primary Language**: Dart
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-03-20
- **Last Updated**: 2025-03-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Flutter

#### 介绍
flutter应用开发

#### 软件架构
软件架构说明


#### 安装教程

1、下载安装JDK（19.0.2版本）
https://www.oracle.com/java/technologies/downloads/#jdk19-windows
配置JDK（19.0.2版本）
提示：jdk19安装完成后输入java、javac就有提示信息，但是也需要配置环境变量
1、系统变量 里面新增JAVA_HOME，设置值为java sdk 根目录：
2、系统变量 找到Path 在Path环境变量里面增加如下代码 (提示jdk19无需配置jre)
;%JAVA_HOME%\bin;
win10、win11中的配
2.2 、电脑上下载安装Android Studio（2022.1.1 Patch1）
https://developer.android.google.cn/studio
2.3、电脑上面下载配置Flutter Sdk（所有版本方法一
样）
(1)、下载Flutter SDK
https://flutter.dev/docs/development/tools/sdk/releases#windows
(2)、把下载好的Flutter SDK随便减压到你想安装Sdk的目录
如减压到（F:\flutter_windows\flutter_windows_3.0.4\flutter
(3)、把 Flutter安装目录的bin目录配置到环境变量。
如上图所示需要把F:\flutter_windows\flutter_windows_3.0.4\flutter\bin目录配置到path环境变量里
面
windows7：windows10、windows11：
2.4、电脑上配置Flutter国内镜像
搭建环境过程中要下载很多资源文件，当一些资源下载不了的时候，可能会报各种错误。在国内访问
Flutter的时候有可能会受到限制。Flutter官方为我们提供了国内的镜像
https://flutter.dev/community/china
https://flutter-io.cn/
 拉到Flutter中文网最下面有配置方式，把下面两句配置到环境变量里面
FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
PUB_HOSTED_URL: https://pub.flutter-io.cn
Flutter 社区镜像
清华大学 TUNA 协会镜像
2.5、运行 flutter doctor命令检测环境是否配置成功
第一次执行可能会提示下面错误：
1、错误一：cmdline-tools component is missing
FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
PUB_HOSTED_URL: https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL: https://mirrors.tuna.tsinghua.edu.cn/flutter
PUB_HOSTED_URL: https://mirrors.tuna.tsinghua.edu.cn/dart-pub
2、错误二：Visual Studio not installed 如果只是开发
Flutter APP可以忽略此错误信息
3、错误三： Android Studio Unable to find bundled Java
version.
Android Studio Unable to find bundled Java version 解决方法：
如果是macOS系统，在jbr同目录下创建一个jre目录，然后将jbr目录内的全部文件复制一份到jre目录下
即可。
如果是Windows系统，jre目录是存在的，不过里面几乎没东西，可以直接将jbr目录内的全部文件复制
一份到jre目录下即可
详情参考：http://bbs.itying.com/topic/63eafd840d0a6c0aecbe5436
4、错误一的解决方法安装cmdline-tools 以及配置android￾licenses：
4.1 安装cmdline-tools
4.2 配置android-licenses
这个时候复制上面红色框框内的命令
注意：提示输入Y/N的地方全部输入Y
5、错误二的解决方法安装Visual Studio ：
Visual Studio主要用于flutter 桌面软件开发，如果您只是开发flutter app可以不用安装Visual Studio
https://visualstudio.microsoft.com/zh-hans/downloads/
如果安装失败可以修改DNS尝试
6、错误三的解决方法
Android Studio Unable to find bundled Java version 解决方法：
如果是macOS系统，在jbr同目录下创建一个jre目录，然后将jbr目录内的全部文件复制一份到jre目录
下即可。
如果是Windows系统，jre目录是存在的，不过里面几乎没东西，可以直接将jbr目录内的全部文件复制
一份到jre目录下即可。
详情参考：http://bbs.itying.com/topic/63eafd840d0a6c0aecbe5436
2.6、打开Android Studio 安装Flutter插件
新版Android Studio配置
提示：新版本android studio也可能是下面界面
2.7、创建 运行Flutter项目
通过 flutter devices 可以检测检测可用的设备
2.8、可能遇到的错误
1、导入项目提示Gradle相关错误
如果报错点击 Flie->Sync Project With Gradle Files 重新下载Gradle ,这个过程比较慢10-30分
钟左右。
C:\Users\itying>flutter devices
4 connected devices:
Redmi K30 (mobile) • beac2700 • android-arm64 • Android 12 (API 31)
Windows (desktop) • windows • windows-x64 • Microsoft Windows [版本
10.0.19043.1766]
Chrome (web) • chrome • web-javascript • Google Chrome 103.0.5060.114
Edge (web) • edge • web-javascript • Microsoft Edge 103.0.1264.49
按照上面方法重试后Gradle 还是失败的解决方法
1、开启手机热点重试
2、谷歌或者百度搜索 “android Gradle编译时下载依赖失败
#### 使用说明
Flutter
Flutter是谷歌公司开发的一款开源、免费的UI框架，可以让我们快速的在Android和iOS上构建高质量
App。它最大的特点就是跨平台、以及高性能。 目前 Flutter 已经支持 iOS、Android、Web、
Windows、macOS、Linux等。
Flutter基于谷歌的dart语言，如果没有任何Dart语言的基础，不建议直接学习Flutter。建议先学习Dart
语言的基本语法。然后再进入Flutter的学习。
Dart基础教程：https://www.itying.com/goods-1101.html
市面上已经有很多的混合App开发框架了，但是有些混合APP开发框架主要是针对前端开发者的：比如
ReactNative（基于React）、Ionic（基于Angular、Vue、React）。有些则是针对.Net平台针对.Net开
发者的比如：Xamarin
Flutter是谷歌基于Dart语言开发的一款跨平台的App开发框架。它针对的开发者是全部开发者。它的性
能相比RN、Ionic这样的框架要更好一些。
Flutter在2019年的时候就拥有了非常高的关注度。 我们录制的《Flutter仿京东商城项目实战第一版》
已经有100多万的学习者了。Flutter目前已经非常稳定，并且社区也非常完善了, 应用市场中新发布的新
应用有进一半是Flutter开发的应用。Flutter3.x以后不仅支持了Android Ios App的跨平台开发，还支持
了Web、Windows、MacOs、Linux桌面应用的跨平台开发。全球很多公司都已经在商业项目中使用
Flutter，比如Google、微软、阿里、字节、百度、京东等。Flutter 在 Github Star 数已经有150万了，
在跨端框架中排名第一。据官方统计截止到2022年6月，已经有超过50万个商业应用程序是用Flutter建
立的 。Flutter是一个非常值得学习的框架，Flutter不仅具有跨平台、高性能等特点，还具有稳定性的
特点，从2018年12月5日发布的Flutter1.0到后面的所有版本用法都是一样的。
Flutter 官网：https://flutter.dev/
Flutter Packages官网：https://pub.dev/
#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)