移动端开发应用一直以来大致分为Native应用、Web应用、Hybrid应用。

在企业级开发过程中过往需要招聘iOS/Android/前端/桌面端等各角色程序员,而#Flutter#可以通过一次编写生成多端应用,大大降低企业在移动端人力成本。

Flutter是#Google#的移动端UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。目前,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、#开源#的。

Flutter 官方网站 https://flutter.dev/

Github 开源地址 https://github.com/flutter/flutter

d8ffc75b704ba6ed45b207576aa85339.png

开发环境集成及配置,如下以Mac环境操作步骤:

1、下载Flutter SDK,配置环境。

https://flutter.dev/docs/get-started/install

选择对应的操作系统进行安装,安装后可以在控制台输入flutter 进行测试。

b8db55da4b95a125ced822adb0013d0f.png

控制台

2、Flutter开发IDE配置,可以采用Android Studio 或者 IDEA,安装Flutter插件。

如下图为IDEA配置flutter。

252aeec1b80371d18c538843ad0ae12e.png

IDEA

3、创建Flutter项目工程,Project-》New 选择Flutter应用

ec2f4b39b28624cfbba31e8f17d31646.png

配置项目名称,包名,应用类型,Android语言,iOS语言。

0197b46c4be8242227cd3dd93f39df7d.png

4、目录结构

lib目录为程序文件,dart源文件,main.dart 为程序入口文件。

pubspec.yaml 项目依赖的插件配置,sdk配置。

iOS/Android/Web/Windows 为编译后对应工程文件。

895c5575bddf331cb34881442d90716f.png

5、运行,点击start运行模拟器。

bce1eb0980afabd1851df1a8e12ccb1e.png

6、热重载编译更新

毫秒级的热重载,修改后应用界面会立即更新。丰富的的widget在几分钟内构建原生界面。

7、性能

Flutter组件库中许多widget,如滚动、导航、图标、字体、图片等,这些在iOS和Android与原生应用性能一样。

8、优势

Flutter内置Material Design风格,丰富的组件库,平滑的效果,为用户带来全新体验。

谷歌开源UI一键开发四端运行,成熟稳定,iOS/Android/Web H5/桌面。

如果你有app或flutter开发相关问题,欢迎评论区/私信沟通交流,或v:lijianan789(备注头条)。

我们为企业提供专业的互联网产品技术一站式服务,提供#技术开发#,#架构咨询、运维咨询、安全咨询等服务,助力#企业数字化#。

6f8388950be9b92527777e6c5ff59b6d.png
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐