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 (设备信息)
网友评论