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 (设备信息)
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于