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

Flutter学习指南App, 一起来玩Flutter吧~_第1张图片

应用截图

Flutter学习指南App, 一起来玩Flutter吧~_第2张图片 Flutter学习指南App, 一起来玩Flutter吧~_第3张图片 Flutter学习指南App, 一起来玩Flutter吧~_第4张图片 Flutter学习指南App, 一起来玩Flutter吧~_第5张图片 Flutter学习指南App, 一起来玩Flutter吧~_第6张图片 Flutter学习指南App, 一起来玩Flutter吧~_第7张图片 Flutter学习指南App, 一起来玩Flutter吧~_第8张图片 Flutter学习指南App, 一起来玩Flutter吧~_第9张图片 Flutter学习指南App, 一起来玩Flutter吧~_第10张图片

依赖库说明

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

联系方式

Flutter学习指南App, 一起来玩Flutter吧~_第11张图片

微信公众号

Flutter学习指南App, 一起来玩Flutter吧~_第12张图片

你可能感兴趣的:(flutter)