flutter开发案例_flutter开发教程

一.跨平台开发需满足：

1.高效率(特别是卷时代必需首先考虑的，快速出产品这样才能干掉99%的对手)
2.动态化(要满足万变的市场，还有老板和策划大佬的脑洞大开的时候，能打散再重组）
3.高性能(面对日夜暴涨的对手和用户是上帝的理念，必需性能要站在所有的产品的顶峰)
4.高一致性(随着应用场景多样化，必需一码能全用)
5.源码开源(源码不开源的最终结果都是被遗忘之后消亡的，因为得不到广泛应用)

二.Flutter现状：

1.高效率(跨六平台,android,ios,web,windows,macOS,linux一套代码六个平台用这个是很优秀了，但是没有编辑器也就是没有达到组件级开发这是非常致命的)
2.动态化(使用widget作为配置对像，底层把widget转成Element，Element最后通过Render渲染到屏幕;而widget通过各种小部件拼成，也是现在比较流行的配置开发)
3.高性能(采用AOT预编译成高性能二进制，skia绘制渲染引擎直接调用原生渲染，所以接近原生性能,但是框架还不成熟对复杂的场景可能就会有些问题）
4.高一致性(主要是通过配置和自渲染引擎直接调用原生，达到去中间差异的思想，这样就可控并达到多屏幕一致的效果)
5.源码开源(目前是开源的，但是还没有论坛，没有论坛新手就会在使用过程中有很多问题不能自行处理，对Flutter发展不是很好）

三.Flutter环境搭建：

1.安装FlutterSDK

• 下载网址：https://docs.flutter.dev/release 左边栏先选Stay up to date然后选SDK archive 在出来的页面找到windows,macOS,Linux选自已的电脑操作系统，再点版本 3.24.1 开始下载
• 解压到电脑的本地目录下，配置环境变量(windows在环境变量Path里追加解压的目录flutter/bin如：D:\flutter\bin确定保存，在环境变量设定里新建代理变量PUB_HOSTED_URL=https://pub.flutter-io.cn和FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn;macOS打开vim .zshr环境变量设定文件后加入
  export PUB_HOSTED_URL=https://pub.flutter-io.cn
  export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  export PATH=/Users/你的用户名/Desktop/flutterFramework/flutter/bin:$PATH保存退出;Linux和macOS方法差不多，只是打开环境变量设定文件方法不一样)

2.下载安装androidStudio

• 下载网址：https://developer.android.google.cn/studio
  安装androidStudio:直接按提示安装就可以
• 下载安卓SDK:打开androidStudio的SDK manager窗口
  选默认的SDK Platforms选项
  选默认的SDK Tools选项,另加选Android SDK Command-line Tools

3.运行 flutter doctor命令

• 如果只有Visual Studio - develop Windows apps打X，说明环境配置没问题了

4.Android studio配置Flutter插件和Dart插件

• 在Android studio中点击菜单File->Settings->Plugins 下载Flutter插件和Dart插件
  下载完后记得重启Android studio这样插件才没有问题

5.配置Flutter插件和Dart插件Path

• 在Android studio点击菜单File->Settings->Languages & Frameworks->Flutter->Flutter SDK path:设置为我们解压的flutter目录如：D:\flutter
  在Android studio点击菜单File->Settings->Languages & Frameworks->Dart->Dart SDK path:设置为我们解压的flutter目录下的\bin\cache\dart-sdk如：D:\flutter\bin\cache\dart-sdk

6.新建Flutter项目

• 在Android studio点击菜单File->New->New Flutter Project->Flutter->Flutter SDK path(存放flutte的目录D:\flutter)->next最后填完Project name,Project location,Organization,Android language,Platforms选Create就可以创建Flutter项目

7.点击运行就可以看到效果了(如果有问题可以根据提示修改)

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/yd-flutter/3630.html