flutter打包的app有多大_Flutter框架介绍

Who am I ?

•Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。

•Flutter可以与现有的代码一起工作。

•Flutter是完全免费、开源的。

目前主要跨平台技術

41ad556593ea772fd95ebb87d954116f.png

Why Choose Flutter ?

1.快速开发

毫秒级的热重载,修改后,您的应用界面会立即更新。

使用丰富的、完全可定制的widget在几分钟内构建原生界面。

2.富有表现力和灵活的UI

快速发布聚焦于原生体验的功能。

分层的架构允许您完全自定义,从而实现难以置信的快速渲染和富有表现力、灵活的设计

3.原生性能

Flutter包含了许多核心的widget,如滚动、导航、图标和字体等,

这些都可以在iOS和Android上达到原生应用一样的性能。

782244c5e7d3a80c666b697426a7966b.png

1. 环境搭建

•Android Stuido上安装插件,并下载flutter Sdk到 本地,配置在环境变量即可,VS Code 方法相同。 (中文官网十分详细)。这⾥主要是需要注意,因为某些不可抗⼒的原因,国内的⽤户有时候需要配置Flutter的代理。

•安装Dart语言库。语法有不少Java、kotlin、JS的影子,几乎无学习成本,可边写边查

•执行Flutter Doctor确定环境正常运行

2. 創建應用

执行flutter create my_app创建应用

0f0353c7490357bc0ecd4450aabb62cc.png
02cde7f1816b9050c12bc05c21083eec.png
89560cf21ad549220e95c3cb56f16bc0.png

3.運行應用

按運行按鈕查看應用,熱重載功能會實時顯示更新內容

2a18ee2e6fc6063ceaac2869d3f03caa.png

4.Flutter---一切皆组件

官网提供目前市面所用到的所有组件库供大家调用

aa95a0ef12db449fcd1e73442b166bcc.png
1f1148367c2f1c4350f058e6f0bb1664.png

插件官网可以找到所有方法类的插件集

22c4b4a84cb78da655a66ccbb5876949.png

5.引用Package演示

1.pubspec.yaml文件引入,保存會自動下載到本地

6b2fad0885ea1a02bc9ba3c7e8046322.png

2.添加AndroidManifest.xml必要權限

d569c69d5b85298d65c277e952392f9d.png

3.引用dio並添加方法

184f8e4f4003370899b6eaf710a6aad9.png

常用插件

be30e45da08a05e1ba9f6b37aa8ee1f3.png
1ee9796a849d2b47b0ed6f68a55881f0.png

6. 生成應用

Android

1.使用Java目錄下的keytool.exe創建key文件並簽名,配置到項目key.properties文件

2.flutter build apk會在buildappoutputsapkelease目錄生成

IOS

1.flutter build ios –release 生成文件

2.在到xcode下進行打包發佈

小编目前也正在学习阶段,欢迎各位一起探讨和学习,谢谢观看

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值