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插件平台