累计130多万人学习本教程,上千人参与教程内容反馈编,第三次重录,基于Flutter3.x重录,课程紧贴企业需求,目前已完结176讲。教程所讲内容支持Android、Ios、华为鸿蒙OS4.x,2024年4月09日新增了Flutter调用原生地图、Go-Router、Realm、Provider等,2024年6月11日更新了安装get-cli的方法,支持2024年8月22日更新的Flutter3.24.1以及之前的所有版本。
教程介绍:Flutter是谷歌公司开发的一款开源、免费的UI框架,可以让我们快速的在Android和iOS上构建高质量App。它最大的特点就是跨平台、以及高性能。目前Flutter已经支持iOS、Android、Web、Windows、macOS、Linux的跨平台开发。
GetX是Flutter上的一个轻量且强大的解决方案,我们可以把它当做一个轻量级的Flutter框架来使用。Getx不仅具有状态管理的功能,还具有路由管理、主题管理、国际化多语言管理、Obx局部更新、MVC视图业务分离、网络请求、数据验证等功能。GetX官方还提供了get_cli脚手架工具,可以让我们快速生成Page、View、Controller、Provider、Model以及基于Getx的flutter项目。
【送】DartFlutter面试题:面试题包含了DartFlutter基础知识、Flutter开发经验、Flutter技术能力、FlutterUI/用户体验、Flutte项目安全、Flutte项目管理和协作、Flutte代码质量和测试等多方面知识。
学前须知:
Flutter必备基础Dart入门实战视频教程目录结构介绍(16讲):
第一讲Dart介绍WinMac上面分别搭建Dart环境开发工具配置以及运行Dart(7分19秒)
第二讲Dart入口文件介绍Dart打印Dart注释Dart变量常量申明变量命名规则(17分46秒)
第三讲Dart的数据类型详解intdoubleStringboolListMaps(26分13秒)
第四讲Dart运算符条件表达式Dart类型转换(35分6秒)
第五讲Dart循环语句forwhiledo...whilebreakcontinue多维列表循环(37分29秒)
第六讲Dart集合类型ListSetMap详解以及循环语句forEachmapwhereanyevery(37分47秒)
第七讲Dart中的函数函数的定义可选参数默认参数命名参数箭头函数匿名函数闭包等(30分46秒)-上
第八讲Dart中的函数箭头函数匿名函数闭包等(22分20秒)-下
第九讲Dart中的对象类(36分11秒)-上
第十讲Dart中的类静态成员操作符类的继承(31分13秒)
第十一讲Dart中的抽象类多态以及接口(26分46秒)
第十二讲Dart中一个类实现多个接口以及Dart中的Mixins(15分10秒)
第十三讲Dart中的泛型泛型方法泛型类泛型接口(23分43秒)
第十四讲Dart中的库自定义库、系统库、第三方库(20分30秒)
第十六讲Dart性能优化之常量、identical函数、常量构造函数详解(24分32秒)
Flutter基础、FlutterPlugins(完结62讲)
第一讲Flutter介绍-FlutterWindowsAndroid环境搭建真机调试(48分1秒)
第二讲FlutterAndroid真机器调试、虚拟机调试以及在Vscode中开发Flutter应用(22分41秒)
第三讲Mac电脑搭建FlutterIos环境以及让Flutter运行在ios设备上(30分08秒)
第四讲Flutter目录结构介绍、入口、自定义Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件
第五讲FlutterContainer组件、Text组件详解(45分4秒)
第六讲Flutter图片组件Image、本地图片、远程图片、图片剪切(28分49秒)
第七讲FlutteICON图标自带图标和自定义图标(27分32秒)
第八讲FlutteListView列表组件普通列表Icon列表图文列表可以滑动的水平列表(33分26秒)
第九讲FlutterListView动态列表组件以及循环动态数据(24分42秒)
第十讲FlutterGridView组件动态GridView详解(35分17秒)
第十一讲Flutter页面布局PaddiingRowColumnFlexExpanded组件详解(46分40秒)
第十二讲Flutter页面布局Stack层叠组件Stack与AlignStack与Positioned实现定位布局(35分33秒)
第十三讲FlutterAspectRatioCardCircleAvatar组件(31分14秒)
第十四讲Flutter按钮组件ElevatedButtonTextButtonOutlineButtonIconButton详解(34分41秒)
第十五讲FlutterWrap组件使用Wrap组件实现电商App搜索页面布局(25分38秒)
第十六讲FlutterStatefulWidget有状态组件、页面上绑定数据、改变页面数据、实现计数器功能动态列表
第十七讲FlutterScaffold属性BottomNavigationBar自定义底部导航条、以及实现页面切换(24分56秒)
第十八讲FlutterScaffold属性FloatingActionButton实现类似闲鱼App底部导航凸起按钮(19分55秒)
第十九讲FlutterScaffold属性Drawer侧边栏、DrawerHeader详解以及在WebWindows不同平台调试程序
第二十讲FlutterAppBarTabBarTabBarView实现头条顶部滑动导航-上(27分12秒)
第二十一讲Flutter底部Tab页面中使用TabBarTabBarView自定义KeepAliveWrapper实现头条顶部滑动导航-下
第二十二讲Flutter中的路由普通路由、普通路由传值(上)(22分46秒)
第二十三讲Flutter中的路由命名路由命名路由传参(中)(39分53秒)
第二十四讲Flutter路由跳转路由替换返回到根路由通过CupertinoPageRoute配置统一风格的路由跳转
第二十五讲FlutterDialogAlertDialog、SimpleDialog、showModalBottomSheet、showToast(33分32秒)
第二十六讲Flutter自定义Dialog(27分2秒)
第二十七讲FlutterPageView仿抖音滑动切换页面PageView实现轮播图(45分35秒)
第二十八讲FlutterPageView实现动态轮播图PageController以及AutomaticKeepAliveClientMixin(33分42秒)
第二十九讲FlutterKey以及通过FlutterKey获取子Widget的状态和方法(42分24秒)
第三十讲FlutterAnimatedList实现动态列表(24分10秒)
第三十一讲Flutter动画Flutter隐式动画详解(41分40秒)
第三十二讲Flutter动画Flutter显式动画详解(36分4秒)
第三十三讲Flutter动画Animated动画以及交错式动画(31分2秒)
第三十四讲Flutter动画自定义显示动画自动以隐式动画(35分13秒)
第三十五讲Flutter动画Hero动画以及Hero动画结合photo_view实现类似朋友圈的图片预览(40分1秒)
第三十七讲Flutter表单CheckBox、Radio、Switch、CheckboxListTile、RadioListTile(31分58秒)
第三十八讲Flutter异步Flutter进度条Flutter并行Flutter异步编程FutureAsyncAwait(33分44秒)
第三十九讲Flutter异步FutureBuilderStreamStreamBuilder(54分57秒)
第四十讲Flutter异步StreamControllerStreamBuilderAnimatedBuilder实现一个打字游戏项目(59分4秒)
第四十二讲Flutter请求远程RestfullApi、DioGetPostPutDelete详解、真实接口渲染列表数据(42分23秒)
第四十三讲Flutter请求真实新闻接口实现下拉刷新上拉无限分页加载更多(38分25秒)
第四十四讲【FlutterPlugins】Flutter实现简单的新闻系统、渲染新闻详情数据以及用flutter_html解析html
第四十五讲【FlutterPlugins】WebView插件flutter_inappwebview加载新闻详情-AndroidIos配置(26分2秒)
第四十七讲【FlutterPlugins】video_player和chewie实现视频播放、自定义播放速度(24分44秒)
第四十八讲【FlutterPlugins】ImagePicker拍照、相册选择照片显示图片、录制视频、相册选择视频播放视频
第五十讲【FlutterPlugins】Flutter本地存储shared_preferences实现数据持久化、封装本地存储(30分53秒)
第五十一讲【FlutterPlugins】Flutter调用原生硬件Api实现AndroidIos扫码扫描条形码扫描二维码(22分)
第五十二讲【FlutterAndroid打包】FlutterAndroid正式打包、以及应用升级后重新打包(12分4秒)
第五十三讲【FlutterPlugins】FlutterAndroid中集成高德定位获取地理位置加载高德地图(49分26秒)
第五十四讲【FlutterPlugins】FlutterIos中集成高德定位、Ios通过permission_handler申请权限配置
第五十五讲【FlutterPlugins】检测应用版本号、服务器下载文件以及实现App自动升级、安装(26分22秒)
第五十六讲【支付宝支付】android、ios支付宝支付准备工作创建应用、生成签名、提交审核应用(1)(8分27秒)
第五十七讲【支付宝支付】支付宝支付流程以及Flutter在androidIos中实现支付宝支付(23分18秒)
Flutter+Getx小米商城项目实战(已完结55讲)
第一讲【Getx】状态管理介绍、Getx介绍、GetxDialog主题管理(24分19秒)
第二讲【Getx】FlutterGetx路由管理路由跳转路由动画中间件(29分56秒)
第三讲【Getx】FlutterGetx状态管理响应式状态管理(27分46秒)
第四讲【Getx】FlutterGetx状态管理依赖管理GetxControllerGetXBinding(28分44秒)
第五讲【Getx】GetxGetViewGetxControllerGetXBinding、GetxController生命周期函数(21分48秒)
第六讲【Getx】Flutter结合Getx实现多语言配置、GetXGetUtils工具类(17分39秒)
第七讲【Getx】get_cli脚手架Flutter中使用get_cli快速集成Getx(28分38秒)
第八讲Flutter+Getx仿小米商城APP项目介绍以及借助Getx搭建项目架构(34分57秒)
第九讲Flutter仿小米APP不同终端屏幕适配方案、以及自定义适配类(22分10秒)
第十讲Flutter+Getx仿小米APP透明状态栏、透明顶部导航、首页导航布局以及实现切换导航动画效果(46分)
第十一讲Flutter+Getx小米APP中集成Swiper插件以及Getx中请求Api接口获取动态轮播图数据(27分1秒)
第十二讲JSON的序列化反序列化、创建模型类转换Json数据、自定义模型类解析Api接口获取的轮播图数据(26分8秒)
第十三讲自定义Swiperpagination请求Api接口使用Swiper结合GridView.builder实现首页轮播分类数据渲染(41分54秒)
第十四讲Flutter+Getx小米商城APP首页热销臻选布局(34分23秒)
第十五讲Flutter+Getx小米商城APP首页热销臻选轮播图数据渲染推荐商品数据渲染(22分42秒)
第十六讲Flutter+Getx瀑布流布局详解、小米商城APP首页请求远程Api接口实现商品瀑布流(33分44秒)
第十七讲Flutter+Getx仿小米App分类页面的布局(27分48秒)
第十八讲Flutter+Getx仿小米App分类页面的数据渲染(16分55秒)
第十九讲封装Dio库配置Dio实例封装加载图片Uri的方法(23分58秒)
第二十讲Flutter+Getx仿小米App商品列表页面的布局(30分21秒)
第二十一讲Flutter仿小米App商品列表页面请求数据、封装LoadingWidget、上拉分页加载更多(28分54秒)
第二十二讲Flutter仿小米App商品列表数据筛选以及上拉分页加载更多(39分54秒)
第二十三讲Flutter+Getx仿小米商城App搜索页面布局(36分40秒)
第二十四讲Flutter仿小米商城项目监听键盘回车跳转到搜索页面实现搜索筛选功能(22分1秒)
第二十五讲Flutter仿小米商城项目保存历史搜索记录删除历史记录清空历史记录长按删除(39分27秒)
第二十六讲Flutter商品详情页面布局、自定义顶部按钮、监听滚动条事件改变导航实现浮动透明导航动画(38分)
第二十七讲Flutter商品详情页面布局、顶部tab切换以及使用SingleChildScrollView实现锚点效果(25分1秒)
第二十八讲Flutter中使用showMenu弹出下拉菜单、使用定位实现底部浮动导航布局(21分36秒)
第二十九讲Flutter+Getx商品详情页面抽离商品布局弹出筛选属性(39分23秒)
第三十讲讲Flutter+Getx仿小米商城项目商品详情页面数据渲染(31分22秒)
第三十一讲Flutter+Getx仿小米商城项目商品详情页面属性筛选详解(27分51秒)
第三十二讲Flutter仿小米商城项目获取状态栏高度GlobalKeyRenderBox获取位置详情Html数据渲染(7)
第三十三讲Flutter仿小米商城项目获取状态栏高度GlobalKeyRenderBox获取位置Tab切换渲染详情数据(8)
第三十四讲Flutter+Getx仿小米商城项目购物车页面的布局(40分12秒)
第三十五讲Flutter仿京东商城项目购物车之实现数量加减以及获取加入购物车的数据(38分13秒)
第三十六讲Flutter+Getx仿小米商城项目定义service加入购物车、显示购物车数据(35分21秒)
第三十七讲Flutter+Getx仿小米商城项目更新购物车数据以及实现购物车数量的加减详情跳转到购物车(36分4秒)
第三十八讲Flutter+Getx仿小米商城项目购物车之选择购物车数据全选反选(19分37秒)
第三十九讲Flutter+Getx仿小米商城项目用户中心页面布局(46分50秒)
第四十二讲用户注册注册流程POST发送验证码倒计时功能验证验证码(42分25秒)
第四十三讲用户注册完成注册、保存用户信息、跳转到根、显示用户信息(49分)
第四十五讲Flutter+Getx仿小米商城项目结算页面布局(29分3秒)
第四十七讲Flutter+Getx仿小米商城立即购买结算页面数据渲染编辑删除购物车数据(27分4秒)
第四十八讲Flutter+Getx小米商城收货地址列表、增加修改收货地址布局、弹出省市区选择器(37分6秒)
第四十九讲Flutter+Getx仿小米商城签名验证原理、签名验证算法(30分4秒)
第五十讲Flutter+Getx仿小米商城项目签名验证增加显示修改收货地址(43秒)
第五十一讲Flutter+Getx仿小米商城项目修改默认收货地址显示默认收货地址(15分45秒)
第五十二讲Flutter+Getx仿小米商城项目修改收货地址删除收货地址(25分48秒)
第五十三讲Flutter仿小米商城项目计算总价提交订单、去支付页面制作(37分9秒)
第五十四讲去支付页面制作订单列表订单详情页面制作(34分48秒)
第五十五讲Flutter仿小米商城项目订单列表页订单详情数据渲染(32分29秒)
Flutter打包androidApp、真机调试、升级打包、修改应用名称、修改应用图标、修改启动画面(4讲)
一、FlutterWindowsAndroid环境搭建模拟器运行(32分44秒)
二、FlutterAndroid真机器调试、虚拟机调试以及在Vscode中开发Flutter应用(17分39秒)
三、FlutterAndroid正式打包、以及应用升级后重新打包(12分4秒)
四、FlutterAndroid修改应用名称、应用图片、应用启动画面(7分49秒)
Flutter打包IosApp、创建证书、真机调试、配置权限、正式打包、上传应用市场(5讲)
一、Mac电脑搭建FlutterIos环境以及让Flutter运行在ios设备上(31分25秒)
二、成为开发者、Xcode自动管理证书文件、配置uuid、把Flutter运行在真实Ios设备上(9分44秒)
三、Xcode自动管理证书文件、配置uuid、真机调试、Xcode创建FlutterIos测试包(6分59秒)
四、Xcode自动管理证书文件真机调试、创建测试包、创建正式包、发布到appstore(16分18秒)
五、Xcode打包上传App之前的准备工作在info.plist添加Flutter调用原生Api的权限-拍照定位获取设备信息(14分16秒)
一、【极光推送】Flutter在Android中实现消息推送、设置别名指定设备推送(30分52秒)
二、【极光推送】Flutter在Ios中实现消息推送、附加字段、设置别名指定设备推送(31分41秒)
三、【国际化+Sdk升级】Flutter中长按表单复制黏贴改为中文、以及升级FlutterSdk(7分6秒)
1、Flutter中的国际化
2、升级FlutterSDK
四、【Flutter+socket.Io】Flutter中使用socket.io实现即时通讯(18分4秒)
1、Nodejssocket.io服务器端配置
2、Flutter中使用socket.io和服务器实现通讯
五、【Flutter+socket.Io】Flutter中实现类似汽车之家聊天室、可发送图片(46分)
1、聊天室介绍
2、Nodejssocket.io服务器端配置
3、Flutter中使用socket.io和服务器实现通讯
4、Flutter中改变ListView的位置
5、Flutter中隐藏键盘
六、【送Nodejs+socket.Io服务端教程】Nodejs+Express结合socket.io的使用(16分26秒)
七、【送Nodejs+socket.Io服务端教程】Socket.io跨域解决方案、Express+Socket.io多房间聊天室(29分12秒)
八、【送Nodejs+socket.Io服务端教程】Socket.io中的命名空间以及egg.js中使用socket.io(选看)
九、【Flutter直播必看基础】在线直播系统介绍、直播流程介绍、直播协议介绍
十、【Flutter直播必看基础】推流、拉流、借助腾讯云直播实现在线直播(15分5秒)
十一、【Flutter直播必看基础】推流、拉流、通过Nodejs搭建自己的流媒体服务器实现直播-单核多核(16分16秒)
十二、【Flutter直播】在Flutter中实现拉流直播(10分22秒)
十三、【Flutter生物识别】FlutterApp中生物识别认证指纹认证人脸认证(androidios)(22分56秒)
1、关于Flutter中的生物识别
2、FlutterAndroid中使用指纹识别认证
3、FlutterAndroid中使用生物识别认证的一些配置
4、FlutterIos中使用生物识别认证的一些配置
十四、【Flutter文字识别】Flutter结合BaiduAi实现拍照识别文字(30分32秒)
一、拍照识别文字的实现流程
二、后端项目接入百度Ai以及通用文字识别前的准备工作
三、Nodejs项目接入百度Ai实现通用文字识别
四、Flutter把拍照图片发送到我们自己的服务器实现文字识别
一、获取loginToken二、根据loginToken获取手机号码
十九、【Flutter蓝牙】物联网无线传输方案、Flutter蓝牙数据通信之前的准备工作(12分13秒)
一、物联网传输方案
二、Flutter蓝牙数据通信之前的准备工作
二十、【Flutter蓝牙】FlutterAndroid中集成蓝牙实现FlutterApp和蓝牙模块相互通信配置插件扫描蓝牙连接蓝牙(上)(43分23秒)
一、配置蓝牙
二、FlutterAndrid中集成蓝牙
三、扫描蓝牙
四、连接蓝牙
二十一、【Flutter蓝牙】FlutterAndroid中集成蓝牙实现FlutterApp和蓝牙模块相互通信发现服务读取信息写入信息(下)
一、连接蓝牙
二、发现服务
三、获取服务特征值
四、读取写入蓝牙
二十二、【Flutter蓝牙】FlutterIos中集成蓝牙实现FlutterApp和蓝牙模块相互通信发现服务读取信息写入信息(16分23秒)
二十三、【Flutter物联网+Wifi模块】物联网无线传输方案、FlutterWifi模块SPSTA模式、MQTT和TCP(16分25秒)
二十四、【Flutter物联网+Wifi模块】AP模式下面的数据穿透演示以及SPA模式下使用厂商提供的TcpServer和手机助手实现数据穿透演示(26分34秒)
一、Wifi模块介绍
二、AP模式下手机和Wifi模块的数据穿透演示
三、AP模式下电脑通过TCP协议和Wifi模块的数据穿透演示
四、AP模式下通过手机或者电脑配置wifi模块
五、SPA模式下使用厂商提供的TcpServer和手机助手实现数据穿透演示
二十五、【Flutter物联网+Wifi模块】AP模式Flutter和wifi模块实现穿透(17分53秒)
一、Flutter中集成Tcp
二、AP模式下Flutter和Wifi模块的数据穿透演示
二十六、【Flutter物联网+Wifi模块】SPA模式创建TcpSever实现Flutter和Wifi模块无线穿透(35分26秒)
一、通信原理分析
二、Tcpserver搭建
三、1对多的通信
四、Flutter和Wifi模块无线穿透
二十七、【Flutter物联网+Wifi模块】Mqtt服务器搭建Mqtt订阅发布Wifi模块连上Mqtt服务器实现Mqtt客户端可Wifi模块通信(39分18秒)
二十八、【Flutter物联网+Wifi模块】Flutter中集成Mqtt实现Flutter和Wifi模块点对点通信(23分5秒)
二十九、【新增】flutter中使用Realm本地数据库(26分33秒)
三十、【新增】flutter中使用Realm本地数据库配置主键模型类关联(11分10秒)
三十一、【新增】Flutter状态管理库provider的使用(22分48秒)
三十二、【新增】flutter中使用go_router路由配置路由传值(22分40秒)
三十三、【新增】flutter中使用go_router实现嵌套路由-主要用在桌面软件开发或者平板软件开发中(21分15秒)
三十四、【地图】flutterIos中集成百度地图实现定位(33分56秒)
三十五、【地图】flutterAndroid中集成百度地图实现定位(30分42秒)
三十六、【地图】flutter项目中加载百度地图绘制点标记(24分7秒)
三十七、【地图】flutter百度地图添加标记删除标记添加文字删除文字(17分56秒)
三十八、【地图】充电桩项目地图实战地图缩放改变标记点实战(40分58秒)