7

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

 4 years ago
source link: http://mp.weixin.qq.com/s?__biz=Mzg2NjA3NDIyMA%3D%3D&%3Bmid=2247483740&%3Bidx=1&%3Bsn=d778cd21e91a5c399d4988939d93f6e6
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

IrInq2F.png!web

应用截图

Jbi2ayU.png!webneQZRfE.png!webuAFnUnF.png!webqqmEF3Y.png!webaEnEv2Q.png!webvErQvyz.png!webIJzu2uY.png!web3qqIVfA.jpg!webrQ3eArq.png!web

依赖库说明

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

联系方式

n6Bzeer.jpg!web

微信公众号

qInEVji.jpg!web


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK