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

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(网页加载)

演示

应用下载

蒲公英下载的密码： xuexiangjys

应用截图

依赖库说明

• dio (非常好用的网络请求库)
• FlutterToast
• mmkv_flutter
• shared_preferences
• url_launcher
• image_picker (图片选择)
• sqflite (sqlite 数据库)
• fluro (页面路由神器)
• flutter_webview_plugin (网页加载)
• flutter_spinkit (loading 加载动画)
• event_bus (事件工具)
• flutter_swiper (轮播图组件)
• flutter_easyrefresh (刷新组件)
• provider (非常好用的数据共享工具)
• flutter_datetime_picker (时间选择器)
• multi_image_picker (多图片选择)
• jpush_flutter (极光推送)
• flutter_bugly (bugly 统计)
• device_info (设备信息)

非常感谢

• 阿里巴巴的入门级项目 flutter-go
• flutter 实战
• flutter 插件平台

联系方式

微信公众号