Flutter学习指南App,一起来玩Flutter吧~

泛型星云
• 阅读 3997
Flutter是谷歌的移动UI框架,可以快速在iOS、Android、Web和PC上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。同时它也是构建未来的Google Fuchsia应用的主要方式。

从事移动开发这么多年, 各种跨平台技术层出不穷.从最初的基于web的phonegap/cordova到后来的原生组件渲染react-native/weex,再到现在的flutter通过自己开发了一套原生控件渲染,可以说用户体验已经和原生开发相差无几了.

如何入门Flutter

  • 1.了解Android/IOS基础知识.包括平台特性、项目结构等.
  • 2.了解Dart基础语法知识.可点击Dart中文网进行学习.
  • 3.学习Flutter基础知识.包括组件使用、包管理、原生交互等.可点击Flutter中文网进行学习.

Flutter学习指南

为了能够方便大家快速学习Flutter, 我简单写了一个Flutter学习指南App,包含众多组件和插件的使用, 是学习和体验flutter组件的小Demo. 项目地址: https://github.com/xuexiangjys/FlutterSample/tree/master/flutter_learn

组件

Animation(动画)AppBar(标题)BottomNavigationBar(底部导航栏)Button(按钮)CardView(卡片)Containter(容器)Control(控制开关)CustomWidget(自定义组件)Dialog(对话框)Drag(拖拽)Drawer(侧滑菜单)Form(表单)Gesture(手势)Image(图片)Input(输入框)Layout(布局)Notification(冒泡通知)Progress(进度条)ScrollView(列表滚动)Tab(选项卡)Text(文字)

工具

DeviceInfo(设备信息)EventBus(事件总线)JPush(极光推送)JsonSerialize(序列化)MMKV(键值对保存)Navigator(导航路由)Net(网络请求)Provider(数据共享)SharedPreferences(持久化)Sqlite(数据库)Toast(吐司提示)

第三方插件

DatePicker(时间选择)EasyRefresh(下拉加载上拉刷新)IconFont(字体图标)ImagePicker(单图片选择)MultiImagePicker(多图片选择)Spinkit(loading动画)Swiper(轮播图)Web(网页加载)


演示

Flutter学习指南App,一起来玩Flutter吧~

应用下载

蒲公英下载的密码: xuexiangjys

Flutter学习指南App,一起来玩Flutter吧~

应用截图

Flutter学习指南App,一起来玩Flutter吧~ Flutter学习指南App,一起来玩Flutter吧~ Flutter学习指南App,一起来玩Flutter吧~ Flutter学习指南App,一起来玩Flutter吧~ Flutter学习指南App,一起来玩Flutter吧~ Flutter学习指南App,一起来玩Flutter吧~ Flutter学习指南App,一起来玩Flutter吧~ Flutter学习指南App,一起来玩Flutter吧~ Flutter学习指南App,一起来玩Flutter吧~

依赖库说明

非常感谢

微信公众号

Flutter学习指南App,一起来玩Flutter吧~

点赞
收藏
评论区
推荐文章
简
4年前
Flutter 移动应用开发指南
Flutter移动应用开发指南Flutter作为新一代的跨平台UI框架,已经在Android和iOS移动平台被广泛使用,未来还会进一步扩展到Web、桌面和嵌入式等平台。只要编写一次代码,就可处处运行,真正做到了全屏制霸。本文将通过从零开发一个类似抖音的短视频应用来展示Flutter应用的完整开发过程,以及它的强大性和易用性。
浩浩 浩浩
4年前
【Flutter实战】初识Flutter
1.2初识Flutter1.2.1Flutter简介Flutter是Google推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过Dart语言开发App,一套代码同时运行在iOS和Android平台。Flutter提供了丰富的组件、接口,开发者可以很快地为Flutter添加native扩展。同时Flu
Stella981 Stella981
4年前
Android&Flutter混合开发初体验
最近flutter不是一般的火呀,但对于一些成熟的产品来说,完全摒弃原有App的历史沉淀,全面转向Flutter是不现实的。因此使用Flutter去统一Android、iOS技术栈,把它作为已有原生App的扩展能力,通过有序推进来提升移动端的开发效率(1)创建flutter模块,创建module后会AS会自动进行flutter的相关配置!在这里
Stella981 Stella981
4年前
Flutter不完全安裝指南(AndroidStudio集成)
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。真心無力吐槽這些所谓的中文站以及社区的文档,整理一下安装流程吧。本人是android开发,基于此基础上(androidstudio3.3SDK为28)1.首先下载flutterSdk(https://www.oschina.net/action/G
Stella981 Stella981
4年前
Flutter 介绍、运行环境
Flutter是谷歌公司开发的一款开源、免费的移动UI框架,可以让我们快速的在Android和iOS上构建高质量App。它最大的特点就是跨平台、以及高性能。Flutter基于谷歌的dart语言,如果没有任何Dart语言的基础,不建议直接学习Flutter。建议先学习Dart语言的基本语法。然后再进入Flutter的学习
Stella981 Stella981
4年前
Flutter 1.0 正式版: Google 的便携 UI 工具包
Flutter1.0正式版:Google的便携UI工具包文/TimSneath,GoogleDart&Flutter产品组产品经理Flutter是Google打造的UI工具包,通过一套代码同时在iOS和Android上构建媲美原生体验的精美应用!如今,移动开发者们在同时兼容iOS和Android