登录    注册
  

Flutter视频教程_Flutter仿京东商城项目实战视频教程-支持最新的Flutter3.x 支持鸿蒙OS(大地-已完结147讲)

  • 赞助费:¥228元   在线客服:有事联系我哦     点击这里给我发消息    itying微信客服    交流群:it营
  • 涉及技术: Dart Flutter
  • 适合行业: Flutter App开发
  • 赞助类型: 赞助
  • 课程讲师: 大地
  • 主要技术: Dart Flutter2.x Flutter3.x
  • 课时数量: 147讲
  • 涉及项目: 仿京东商城项目
  • 浏览次数: 762127 次     付款后在订单列表获取下载地址

浏览历史

课程描述

相关课程

还购买过

新录制的Flutter3.x+Getx仿小米商城App实战https://www.itying.com/goods-1176.html 

   

90多万人在学本套教程,Flutter入门实战视频教程前48讲免费学:https://www.bilibili.com/video/av52490605/

 

教程所讲内容支持Android、Ios、华为鸿蒙OS更新内容新增了Flutter蓝牙操作智能硬件和Flutter+Wifi模块+Mqtt远程操作智能硬件物联网教程,教程中所讲内容兼容Flutter 3.0.0以及之前的所有版本,教程支持了Null safety以前购买的同学如果发现个别教程源码没法直接运行的话请下载地址里重新下载即可。

 

提示教程中所讲内容兼容Flutter 3.0.0以及之前的所有版本,所讲内容都可以在Flutter 3.0.0运行,但是商业项目建议使用Flutter3.0.0之前的版本。

 

 

教程介绍:

Flutter是谷歌公司基于
Dart语言开发的一款开源、免费的移动UI框架,可以让我们快速的在Android和Ios上构建高质量App,它最大的特点就是跨平台、以及高性能。它针对的开发者是全部开发者,它的性能相比RN、Ionic这样的框架要好一些。

 
Flutter教程包括:Dart入门基础教程15讲、Dart 2.13之后的一些新特性Null safety 、late 关键字、空类型声明符?、非空断言!、required 关键字Flutter入门基础、Flutter国际化、Flutter Native、Flutter仿京东商城项目(真实Api接口、真实交互、真实企业级项目实战)、Flutter签名验证、Flutter打包android应用、Flutter打包ios应用、上传AppstoreFlutter常见插件使用、Flutter Dio、以及Flutter拍照上传 、Flutter自动升级应用Flutter扫码二维码Flutter打开外部应用、Flutter状态管理、Flutter Event_Bus 事件驱动、Flutter本地存储Flutter播放视频、Flutter WebViewFlutter 高德地图、Flutter微信支付Flutter支付宝支付Flutter微信分享...

 

Flutter拓展教程新增Flutter Android极光推送Flutter Ios极光推送、Flutter指定设备推送、Flutter Socket.io即时通讯 、直播流程(推流、拉流)、借助腾讯云直播、自己搭建直播服务器、Flutter中实现直播、flutter生物识别认证 、Flutter指纹认证人脸认证、Flutter百度Ai 实现拍照识别文字获取运营商手机号 一键登录、一键登录rsa加密 解密、Flutter Android Blue 、Flutter Ios Blue Flutter中通过蓝牙操作智能硬件Flutter中通过Mqtt协议操作远程的智能硬件Wifi模块往下拉有详细目录介绍以及项目截图。

 

 

学前须知:

 

 

1.教程类型:本视频为赞助类型视频教程,赞助后可以看此套Flutter系列全部教程(包括后续更新教程
  
2.必备基础:学习Fllutter之前需要有Dart基础(最新Dart视频教程下载地址:https://www.itying.com/goods-1101.html),Dart视频教程总时间为6小时左右。
  
3.学习说明:每套教程只限一人学习教程和电脑绑定下单时,请填写正确的QQ号,赞助后系统自动发货,届时联系客服获取授权码。 
          
4.学习环境本视频支持win xp和win7 win8 win10  win11 以及苹果mac电脑,不支持虚拟机系统。
 
5.学习时长: 每讲20-30分钟左右。
 
6.赠送教程:最新Dart视频教程(共14讲)
 
 
7.涉及项目仿京东商城项目(往下拉有项目页面截图展示...)。
 
8.配套资源视频+课件+源码+赞助群。
 
 
9.关于售后本教程主要包含的内容是 视频+课件 +源码 ,关于教程中问题万一解决不了可以联系我们获取技术支持。教程外问题不提供技术支持,不看教程者不提供技术支持。购买教程2年后还没有学完教程者可以继续在以前的电脑学习本教程,但是2年后会终止任何形式的售后。
 
 
 
 
 

 Flutter必备基础Dart入门实战视频教程目录结构介绍(15讲):

 

 

第一讲  Dart介绍 Win Mac上面分别搭建Dart环境  开发工具配置 以及运行Dart(7分19秒)

 

 

第二讲  Dart 入口文件介绍 Dart打印 Dart注释  Dart变量 常量申明 变量命名规则(17分46秒)

 

 

第三讲  Dart的数据类型详解  int double String bool List Maps(26分13秒)

 

 

第四讲  Dart运算符 条件表达式 Dart类型转换(35分 6秒)

 

 

第五讲  Dart 循环语句 for while do...while  break continue 多维列表循环(37分29秒)

 

 

第六讲  Dart 集合类型List Set Map详解 以及循环语句 forEach map where any every(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 2.13之后的一些新特性Null safety 、late 关键字、空类型声明符?、非空断言!、required 关键字(30分17秒

 

Flutter 基础、Flutter Native、支付宝支付、微信支付系列教程(50讲):

 

 

第一讲  Flutter介绍-Flutter Windows Android环境搭建 真机调试(32分44秒)

1、Flutter介绍  
2、Windows上面搭建Flutter Android运行环境   

01 电脑上面安装配置JDK   
02 电脑上下载安装Android Studio   
03 电脑上面下载配置Flutter Sdk   
04 电脑上配置Flutter国内镜像   
05 运行 flutter doctor命令检测环境是否配置成功   
06 打开Android Studio 安装Flutter插件   
07 创建Flutter项目   
08 Android Studio中导入运行Flutter项目 运行项目   
09 可能遇到的错误

  

第二讲  Flutter Android 真机器调试 、虚拟机调试以及在Vscode中开发Flutter应用(17分39秒)

1、Flutter Android真机调试   
2、Flutter虚拟机模拟器调试   
3、Vscode中开发运行Flutter应用

  

第三讲  Mac电脑搭建Flutter Ios环境以及让Flutter运行在ios设备上(31分25秒)

1、准备工作   
2、下载Flutter、配置Flutter环境变量、配置Flutter镜像   
3、运行flutter doctor 命令检测环境   
4、配置Flutter Ios环境   
5、命令行工具生成Flutter项目   
6、修改Flutter Sdk目录的权限以及项目的权限   
7、Xcode打开flutter项目 模拟器运行项目

 

第四讲  Flutter目录结构介绍、入口、自定义Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件(22分22秒)

1、Flutter目录结构介绍   
2、Flutter入口文件、入口方法   
3、Flutter第一个Demo Center组件的使用   
4、Flutter把内容单独抽离成一个组件   
5、给Text组件增加一些装饰   
6、件用MaterialApp 和 Scaffold两个组件装饰App   
   01 MaterialApp   
   02 Scaffold

 

第五讲  Flutter Container组件、Text组件详解(30分19秒)

1、Flutter Text组件
2、Flutter
Container组件

 

第六讲  Flutter 图片组件Image 、本地图片、远程图片、图片剪切(26分36秒

1、Flutter 图片组件    
2、Flutter引入本地图片    
3、Flutter实现圆角以及实现圆形图片

 

第七讲  Flutter ListView基础列表组件、水平列表组件、图标组件(27分5秒)  

1、Flutter 列表组件概述   
2、Flutter 列表参数   
3、Flutter 基本列表   
4、Flutter 水平列表

 

第八讲  Flutter ListView动态列表组件 以及循环动态数据(22分39秒)

1、Flutter 列表组件概述   
2、Flutter 列表参数   
3、Flutter 基本列表   
4、Flutter 水平列表   
5、Flutter 动态列表(动态循环数据) 

 

第九讲  Flutter GridView组件 以及动态GridView(26分51秒)

1、Flutter 列表组件概述    
2、Flutter  GridView组件的常用参数    
3、Flutter GridView.count 实现网格布局    
4、Flutter GridView.builder 实现网格布局   

 

第十讲  Flutter页面布局 Paddiing Row Column Expanded组件详解(39分52秒)

1、Flutter Paddiing组件   
2、Flutter Row水平布局组件   
3、Flutter Column垂直布局组件   
4、Flutter Expanded类似Web中的Flex布局   
5、Flutter实现布局案例 

 

第十一讲  Flutter 页面布局 Stack层叠组件 Stack与Align  Stack与Positioned实现定位布局(18分25秒)  

1、Flutter Stack组件   
2、Flutter Stack Align   
3、Flutter Stack Positioned   

 

第十二讲  Flutter 页面布局 Flutter AspectRatio、Card卡片组件、卡片图文列表(23分39秒)

1、Flutter AspectRatio组件   
2、Flutter Card组件   
3、Flutter Card组件实现一个图文列表布局

 

第十三讲  Flutter 页面布局 Wrap组件(12分48秒) 

1、Flutter RaisedButton定义一个按钮   
2、Wrap组件   
3、
Wrap组件实现流布局列表

 

第十四讲  Flutter StatefulWidget有状态组件 、页面上绑定数据、改变页面数据 、实现计数器功能 动态列表(20分45秒)

1、Flutter 中自定义有状态组件

2、Flutter 中状态管理 实现计数器功能

3、Flutter状态管理 实现动态列表

 

第十五讲  Flutter BottomNavigationBar 自定义底部导航条、以及实现页面切换(21分43秒)

1、Flutter 中自定义有状态组件   
2、Vscode调试Flutter项目

 

第十六讲  Flutter中的路由 普通路由、普通路由传值、命名路由、命名路由传值(上)(20分26秒)

1、 Flutter 中的普通路由    
2、 Flutter 中的基本路由使用    
4、 Flutter 中的基本路由跳转传值    
4、 Flutter 中的命名路由    
5、 Flutter 中的命名路由跳转传值

 

第十七讲  Flutter中的路由 普通路由、普通路由传值、命名路由、命名路由传值(上)(20分26秒)

1、 Flutter 中的普通路由    
2、 Flutter 中的基本路由使用    
3、 Flutter 中的基本路由跳转传值    
4、 Flutter 中的命名路由    
5、 Flutter 中的命名路由跳转传值

  

第十八讲  Flutter中的路由 pushReplacementNamed路由替换 、pushNamedAndRemoveUntil返回到根路由(23分)

1、 Flutter 中返回到上一级页面    
2、 Flutter 中替换路由    
3、 Flutter 中路由替换实现多级路由 返回到根路由  
4、 Flutter pushNamedAndRemoveUntil返回到根路由

  

第十九讲  Flutter 自定义AppBar 定义顶部Tab切换  底部Tab结合顶部Tab实现类似头条页面布局(27分36秒)

1、 Flutter AppBar自定义顶部按钮图标、颜色   
2、 Flutter AppBar中自定义TabBar实现顶部Tab切换   
3、 Flutter 把TabBar放在导航最顶部   
4、 Flutter AppBar中自定义TabBar实现Tabs的另一种方法。
5、 Flutter Vscode调试Flutter项目

  

第二十讲  Flutter中通过TabController定义顶部tab切换 介绍生命周期函数(13分11秒)

1、 Flutter AppBar自定义顶部按钮图标、颜色   
2、 Flutter AppBar中自定义TabBar实现顶部Tab切换   
3、 Flutter 把TabBar放在导航最顶部   
4、 Flutter AppBar中自定义TabBar实现Tabs的另一种方法
TabController

  

第二十一讲  Flutter Drawer侧边栏、DrawerHeader、 UserAccountsDrawerHeader 以及侧边栏内容布局(19分40秒)

1、 Flutter Drawer侧边栏   
2、 Flutter DrawerHeader   
3、 Flutter UserAccountsDrawerHeader   
4、 Flutter 侧边栏路由跳转   
5、 Flutter Vscode调试Flutter项目

  

第二十二讲  Flutter中的按钮组件 RaisedButton、FlatButton、OutlineButton、IconButton、ButtonBar以及自定义按钮组件(33分56秒)
1、 Flutter 中的按钮组件介绍
2、 Flutter 按钮组件中的一些属性    
3、 RaisedButton

4、 Flutter FlatButton
5、 Flutter OutlineButton
6、
Flutter IconButton
7、 Flutter ButtonBar

  

第二十三讲  Flutter FloatingActionButton实现类似闲鱼App底部导航凸起按钮导航(20分50秒)

1、 Flutter 中的按钮组件介绍
2、 FloatingActionButton 实现闲鱼app底部凸起按钮导航

  

第二十四讲  Flutter中的表单 TextField单行文本框 多行文本框 CheckBox CheckboxListTile (上)(27分53秒)

1、Flutter 常用表单介绍   
2、TextField文本框组件   
3、Checkbox、CheckboxListTile多选框组件   
4、Radio、RadioListTile单选按钮组件   
5、开关Switch


第二十五讲  Flutter中的表单 Radio Switch RadioListTile SwitchListTile以及表单组件实现一个简单的学员登记系统(下)(34分3秒)

1、Flutter 常用表单介绍   
2、TextField文本框组件   
3、Checkbox、CheckboxListTile多选框组件   
4、Radio、RadioListTile单选按钮组件   
5、开关Switch

 

第二十六讲  Flutter日期和时间戳、格式化日期库、Future异步、官方自带日期组件showDatePicker 时间组件showTimePicker 以及国际化日期(29分57秒)

1、Flutter日期和时间戳   
2、Flutter第三方库date_format的使用   
3、调用flutter自带日期组件和时间组件   
4、调用flutter自带日期组件和时间组件改为中文   
5、调用flutter第三方时间组件   
6、Flutter Vscode调试Flutter项目

 

第二十七讲  Flutter日期 时间组件flutter_cupertino_date_picker的使用(20分46秒)

1、Flutter日期和时间戳   
2、Flutter第三方库date_format的使用   
3、调用flutter自带日期组件和时间组件   
4、调用flutter自带日期组件和时间组件改为中文   
5、调用flutter第三方时间组件   
6、Flutter Vscode调试Flutter项目

 

第二十八讲  Flutter 轮播图 flutter_swiper(16分4秒)

1、Flutter轮播图组件
2、Flutter Vscode调试Flutter项目

  

第二十九讲  Flutter Dialog  AlertDialog 、SimpleDialog、showModalBottomSheet、showToast(24分)

1、AlertDialog
2、SimpleDialog   
3、ShowModalBottomSheet
4、ShowToast
5、Flutter Vscode调试Flutter项目

 

第三十讲  Flutter自定义Dialog(20分39秒)

1、Flutter自定义Dialog   
2、Flutter 定时器   
3、Flutter 定时器结合Dialog

 

第三十一讲  Flutter JSON字符串和Map类型的转换  http get请求数据、post提交数据、以及渲染动态数据(29分30秒)

1、Flutter JSON字符串和Map类型的转换
2、使用http库进行网络请求
 

 

第三十二讲  Flutter Dio库实现网络请求以及动态渲染数据(17分8秒)

1、Flutter JSON字符串和Map类型的转换
2、使用
Dio库库进行网络请求 

 

第三十三讲  Flutter 下拉刷新 上拉分页加载更多(37分46秒)

1、Flutter下拉刷新和上拉分页   
2、Flutter 下拉刷新   
3、Flutter 上拉分页加载更多

 

第三十四讲  Flutter实现简单的新闻系统渲染新闻详情数据以及用flutter_html解析html(20分57秒)

1、Flutter解析html   
2、Flutter实现一个简单的新闻APP

 

第三十五讲 【Flutter Native】使用Flutter WebView组件flutter_inappbrowser加载远程web页面渲染新闻详情数据(16分57秒)

1、Flutter实现一个简单的新闻APP   
2、Flutter WebView组件inappbrowser的使用

 

第三十六讲 【Flutter Native】Flutter中获取设备信息 以及 使用高德Api获取地理位置 Flutter中集成高德定位(54分49秒)   
1、Flutter中获取设备信息  
2、Flutter 中使用高德定位准备工作获取key
3、Flutter 实现用高德定位
4、Flutter 中加载高德地图

 

第三十七讲 【Flutter Native】Flutter 调用原生硬件Api实现照相机拍照和相册选择 以及拍照上传到服务器(19分59秒)

1、Flutter image_picker实现相机拍照和相册选择   
2、Flutter 上传图片到服务器

 

第三十八讲 【Flutter Native】Flutter实现视频播放(11分9秒)

1、准备工作、注意事项   
2、Flutter视频播放   
3、Flutter chewie视频播放完整demo

 

第三十九讲 【Flutter Native】Flutter检测网络连接 监听网络变化(8分58秒)

1、准备工作、注意事项   
2、Flutter 检测网络   
3、Flutter 检测网络完整demo

 

第四十讲 【Flutter Native】Flutter本地存储 封装本地存储类-实现最简单的状态管理(16分36秒)

1、准备工作、注意事项   
2、Flutter 本地存储   
3、Flutter 本地存储里面常用的一些方法   
4、Flutter 本地存储完整demo

 

第四十一讲 【Flutter Native】Flutter调用原生硬件Api实现扫码  扫描条形码 扫描二维码(27分49秒)

1、Flutter 扫描二维码条形码插件
2、Flutter 使用barcode_scan提示如下错误解决方案

 

第四十二讲 【Flutter Native】检测应用版本号、服务器下载文件以及实现App自动升级、安装 (26分22秒)

1、Android App升级执行流程   
2、升级app之前的准备工作配置权限   
3、Android 升级app涉及的API库   
4、获取版本信息   
5、获取文件存储路径   
6、下载文件   
7、打开文件   
8、注意事项

 

第四十三讲 【Flutter Native】Flutter打开外部浏览器 打开外部应用 拨打电话 发送短信(8分48秒)

1、Flutter url_launcher模块   
2、Flutter url_launcher模块的使用   
3、关于打开其他app请参考这个帖子

 

第四十四讲 【Flutter Native 支付宝支付】 android 、ios支付宝支付准备工作 创建应用、生成签名、提交审核应用(1)(8分27秒)

1、准备工作、接入支付宝
2、接口加密签名   
3、配置签名 提交审核   
4、安装支付流程

 

第四十五讲 【Flutter Native 支付宝支付】 Flutter支付宝支付流程以及Flutter Android中执行支付宝支付(2)(17分43秒)

1、支付宝客户端支付流程   
2、准备已有的Flutter项目安装插件   
3、服务器端调用支付宝sdk生成订单信息
4、客户端调用服务器端接口生成订单签名信息,调用支付插件完成支付
5、服务器端异步回调更新订单信息   
6、Flutter 在Xcode上编译提示:Target 'Runner': script phase “[CP] Embed Pods Frameworks”的解决方法

 

第四十六讲 【Flutter Native 支付宝支付】 Flutter 使用tobias插件在android Ios中实现支付宝支付(3)(16分41秒)

 

第四十七讲 【Flutter Native 微信支付】微信支付 注册开放平台、申请开发者、创建应用、 申请微信支付 、生成商户平台账户(14分20秒)

1、微信APP支付前的准备工作,以及需要获取内容
2、开放平台商户申请接入文档、入口   
3、开放平台商户申请步骤(APP支付)
第一步:注册开放平台账号   
第二步:认证开放平台并创建APP
第三步:提交资料申请微信支付
第四步:开户成功,登录商户平台进行验证
第五步:用微信给你发的商户号登陆对应的微信商户平台,获取API密钥
第六步:准备部署
4、 获取修改应用包名
5、 用微信工具获取应用签名

 

第四十八讲 【Flutter Native 微信支付】 微信支付android获取应用包名称、修改应用包名称、获取Android应用签名、设置ios包名(9分54秒)

 

第四十九讲 【Flutter Native 微信支付】Flutter在Android中实现微信支付,在Android中配置signingConfigs(31分19秒)

1、Flutter微信支付流程
2、后台代码分析
3、Android中实现微信支付 以及signingConfigs配置

 

第五十讲 【Flutter Native 微信支付】 Flutter在Ios中实现微信支付以及配置universalLink(28分45秒)

1、Flutter微信支付流程
2、后台代码分析
3、Ios中实现微信支付
universalLink 和 xcode 中的一些配置

 

第五十一讲 【Flutter Native 微信】 Flutter 微信分享 微信登录(28分45秒)

 

Flutter 仿京东商城项目实战视频教程目录结构介绍:

 

 

第一讲  Flutter仿京东商城项目 功能分析、底部导航Tab切换以及路由配置、架构搭建(26分3秒)

1、Flutter仿京东商城项目功能分析

2、Flutter仿京东商城项目 架构搭建配 配置底部导航Tab切换

3、Flutter仿京东商城项目 架构搭建 配置路由

 

第二讲  Flutter仿京东商城项目 首页布局以及不同终端屏幕适配方案(25分59秒)

1、Flutter仿京东商城项目 首页轮播图自适应

2、Flutter仿京东商城项目 不同终端适配方案

 

第三讲  Flutter仿京东商城项目 封装适配库以及实现左右滑动ListView(25分5秒)

 1、Flutter仿京东商城项目 封装适配库

 2、Flutter仿京东商城项目 ListView嵌套ListView实现左右滑动列表

  

第四讲  Flutter仿京东商城项目 首页商品列表布局(28分17秒)

1、Flutter仿照京东商城项目首页布局
2、Flutter 竖向ListView嵌套横向ListView,以及ListView嵌套GridView
3、Flutter 不同终端屏幕适配问题

  

第五讲  Flutter JSON和序列化反序列化、创建模型类转换Json数据、轮播图数据渲染(37分27秒)

1、Flutter JSON序列化反序列化
2、Flutter JSON字符串和Map类型的转换 dart:convert手动序列化JSON
3、Flutter 在模型类中序列化JSON
4、使用json_to_dart自动生成模型类
5、请求轮播图接口渲染轮播图数据

 

第六讲  Flutter创建商品数据模型 、请求Api接口渲染热门商品 推荐商品(28分30秒)

1、首页推荐商品动态数据渲染
2、首页热门商品动态数据渲染
3、json_to_dart自动生成模型类

 

第七讲  Flutter仿京东商城项目 商品分类页面布局(34分54秒)

1、商品分类页面左右分栏
2、右侧计算宽度布局

第八讲  Flutter仿京东商城项目 商品分类页面数据渲染(27分2秒)

1、定义商品分类页面数据模型
2、请求Api接口渲染左侧分类
3、点击左侧分类加载右侧分类

 

第九讲  Flutter底部Tab切换保持页面状态的几种方法 IndexedStack 以及AutomaticKeepAliveClientMixin(17分32秒)

1、IndexedStack 保持页面状态
2、AutomaticKeepAliveClientMixin保持页面状态
 

 

第十讲  Flutter仿京东商城项目 商品分类跳转到商品列表传值 商品列表页面布局(25分23秒)

1、商品分类页面路由跳转到商品列表页面传值
2、商品列表页面内容布局


第十一讲  Flutter仿京东商城项目 商品列表页面二级筛选导航布局(25分41秒)

1、商品列表页面 浮动筛选导航布局

2、自定义事件打开侧边框

 

第十二讲  Flutter仿京东商城项目 商品列表页面请求数据、封装Loading Widget、上拉分页加载更多(44分48秒)

1、封装公共的Loading Widget

2、根据商品分类id请求不同的商品列表数据

3、商品列表页面实现上拉分页加载更多

 

第十三讲  Flutter仿京东商城项目 商品列表筛选以及上拉分页加载更多(29分17秒)

1、根据属性筛选不同的商品数据(实现价格排序、销量排序)

2、ListView回到顶部

3、筛选排序后 上拉分页加载更多

 

第十四讲  Flutter仿京东商城项目 头部搜索导航布局 修改主题 修正ScreenAdapter类(29分53秒)

1、Flutter搜索导航
2、Flutter flutter_screenutil适配字体大小,以及修正ScreenAdapter
3、Flutter 修改主题样式
4、Flutter 首页、分类、购物车页面搜索导航布局
5、Flutter 搜索页面导航布局

 

第十五讲  Flutter仿京东商城项目 搜索页面布局(14分39秒)

1、热门搜索布局
2、搜索历史记录布局
3、清空历史记录布局

 

第十六讲  Flutter仿京东商城项目 跳转到搜索页面实现搜索功能 以及搜索筛选(28分47秒)

1、点击搜索实现搜索功能
2、搜索后按照价格  销量排序
3、搜索后上拉分页加载更多

 

第十七讲  Flutter仿京东商城项目 保存历史搜索记录  删除历史记录  清空历史记录 长按删除(41分)

1、Flutter封装公共的Storage库
2、保存搜索历史记录
3、长按弹出Dialog
4、长按历史记录删除功能
5、清空历史搜索记录

 

第十八讲  Flutter仿京东商城项目 商品详情顶部tab切换  顶部下拉菜单  底部浮动导航(28分41秒)

1、Flutter仿京东商城项目商品详情顶部tab切换
2、Flutter顶部右侧下拉菜单
3、Flutter浮动导航
 

第十九讲   Flutter仿京东商城项目 商品详情 底部浮动导航布局  商品页面布局(32分20秒)

1、Flutter仿京东商城项目 封装公共的按钮组件
2、Flutter仿京东商城项目 底部浮动导航 购物车 加入购物车 立即购买布局
3、Flutter仿京东商城项目 商品详情页面布局

 

第二十讲   Flutter仿京东商城项目 商品详情  弹出筛选属性  筛选属性页面布局 GestureDetector事件(28分48秒)

1、Flutter仿京东商城项目  底部弹出筛选属性
2、Flutter仿京东商城项目  GestureDetector事件
3、Flutter仿京东商城项目  底部弹出筛选属性布局

 

第二十一讲  Flutter仿京东商城项目 商品详情 请求接口渲染数据  商品属性数据渲染(43分7秒)

1、商品详情 页面布局   
2、商品详情Api接口   
3、Flutter WebView组件inappbrowser的使用   
4、StatefulBuilder更新Flutter showDialog 、showModalBottomSheet中的状态   
5、json_to_dart自动生成模型类

 

第二十二讲  Flutter仿京东商城项目 inappbrowser 加载商品详情、保持页面状态、以及实现属性筛选业务逻辑(45分24秒)

 

第二十三讲  Flutter官方推荐的状态管理库provider的使用(25分12秒)

1、Flutter状态管理介绍
2、关于flutter provider库和flutter provide库的区别
3、flutter provider 的使用

 

第二十四讲  Flutter官方推荐的状态管理库provider的深入使用、初始化修改状态、父子组件同步状态(23分5秒)

 

第二十五讲  Flutter仿京东商城项目 购物车页面布局(40分32秒)

 

第二十六讲  Flutter仿京东商城项目 购物车之 event_bus事件广播 事件监听(23分8秒)

1、点击底部加入购物车弹出属性筛选
2、event_bus 介绍   
3、event_bus 使用 事件广播 事件监听   
4、event_bus 取消事件监听

 

第二十七讲  Flutter仿京东商城项目 购物车之 实现数量加减 以及获取加入购物车的数据(29分13秒

 

第二十八讲  Flutter仿京东商城项目 购物车之 定义service加入购物车、更新provider、显示购物车数据(38分13秒)

 

第二十九讲  Flutter仿京东商城项目 购物车之  购物车数量加减 全选 反选(25分53秒)

 

第三十讲  Flutter仿京东商城项目 计算总价  删除购物车数据  加入购物车toast提示 商品页面跳转到购物车页面(41分28秒)

1、计算总价   商品页面跳转到购物车页面
2、
加入购物车toast提示  
3、
商品页面跳转到购物车页面

 

第三十一讲  Flutter仿京东商城项目  真机兼容性bug、事件点击穿透问题、禁止详情滑动(20分45秒)

1、真机兼容问题
2、点击穿透问题
3、详情页面禁止左右滑动

 

第三十二讲  Flutter仿京东商城项目  用户中心页面布局(21分57秒)

 

第三十三讲  Flutter仿京东商城项目  登录 注册相关页面布局(39分56秒)

 

第三十四讲  Flutter仿京东商城项目 用户注册 注册流程 POST发送验证码  倒计时功能  验证验证码(33分28秒)

 

第三十五讲  Flutter仿京东商城项目 用户注册 完成注册、保存用户信息、跳转到根、显示用户信息(29分15秒)

 

第三十六讲  Flutter仿京东商城项目 用户登录 退出登录 事件广播更新状态(21分10秒)

 

第三十七讲  Flutter仿京东商城项目 结算页面布局 (24分38秒)

 

第三十八讲  Flutter仿京东商城项目 渲染结算页面商品数据(22分33秒)

 

第三十九讲  Flutter仿京东商城项目 收货地址列表、增加 修改收货地址布局、弹出省市区选择器(36分13秒)

 

第四十讲  Flutter仿京东商城项目签名验证原理、签名验证算法(29分)

1、Flutter Md5加密
2、为什么要签名验证 
3、签名验证实现原理
4、签名验证算法

 

第四十一讲  Flutter 仿京东商城项目签名验证 增加收货地址、显示收货地址 事件广播(33分47秒)

 

第四十二讲  Flutter仿京东商城项目  修改默认收货地址 显示默认收货地址(24分40秒)

 

第四十三讲  Flutter仿京东商城项目  修改收货地址 删除收货地址(29分31秒)

 

第四十四讲  Flutter仿京东商城项目  提交订单、去支付页面制作(39分40秒)

 

第四十五讲  Flutter仿京东商城项目  订单列表、订单详情页面布局(34分12秒)

 

第四十六讲  Flutter 仿京东商城项目 订单列表数据渲染、项目总结(31分18秒)

 

 

 

Flutter 打包android App、  真机调试、升级打包、修改应用名称、修改应用图标、修改启动画面视频教程(4讲)

 

一、Flutter Windows Android环境搭建 模拟器运行(32分44秒)

 

二、Flutter Android 真机器调试 、虚拟机调试以及在Vscode中开发Flutter应用(17分39秒) 

 

三、Flutter Android 正式打包、以及应用升级后重新打包(12分4秒)

 

四、Flutter Android 修改应用名称、应用图片、应用启动画面(7分49秒) 

 

 

 

Flutter 打包Ios App 、创建证书、真机调试、配置权限、正式打包、上传应用市场(5讲)

 

一、 Mac电脑搭建Flutter Ios环境以及让Flutter运行在ios设备上(31分25秒)

 

二、成为开发者、Xcode 自动管理证书文件、配置uuid、把Flutter运行在真实Ios设备上(9分44秒) 

 

三、Xcode 自动管理证书文件、配置uuid、真机调试 、Xcode创建Flutter Ios测试包(6分59秒) 

 

四、 Xcode 自动管理证书文件 真机调试、创建测试包、创建正式包、发布到appstore(16分18秒)

 

五、 Xcode打包上传App之前的准备工作在info.plist添加Flutter调用原生Api的权限 -拍照 定位 获取设备信息(14分16秒)


 
 
Flutter 拓展教程
 

一、【极光推送】Flutter 在Android中实现消息推送、设置别名 指定设备推送(30分52秒) 

 

二、【极光推送】Flutter在Ios中实现消息推送、附加字段、设置别名 指定设备推送(31分41秒)

 

三、国际化+Sdk升级Flutter中长按表单 复制黏贴改为中文、以及升级Flutter Sdk(7分6秒)

1、 Flutter中的国际化  

2、 升级Flutter SDK

 

四、 Flutter+socket.Io】 Flutter中使用socket.io实现即时通讯(18分4秒)

1、 Nodejs socket.io服务器端配置 

2、 Flutter中使用socket.io和服务器实现通讯

 

 Flutter+socket.IoFlutter中实现类似汽车之家聊天室、可发送图片(46分)

1、 聊天室介绍

2、 Nodejs socket.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生物识别】 Flutter App中 生物识别认证 指纹认证 人脸认证 (android ios)(22分56秒)

1、 关于Flutter中的生物识别

2、 Flutter Android中使用指纹识别认证

3、 Flutter Android中使用生物识别认证的一些配置

4、 Flutter Ios中使用生物识别认证的一些配置

 

十四、【Flutter文字识别】Flutter结合Baidu Ai实现 拍照识别文字(30分32秒)

 一、 拍照识别文字的实现流程

 二、 后端项目接入百度 Ai 以及通用文字识别前的准备工作

 三、 Nodejs 项目接入百度 Ai 实现通用文字识别

 四、 Flutter 把拍照图片发送到我们自己的服务器实现文字识别

 

十五、【一键登录】Flutter Android Ios中借助极光认证实现一键注册登录(1)(35分20秒)

一、 先了解一下一键登录.
二、 关于极光认证
三、 项目中极光认证之前的准备工作
四、 Flutter Android 中集成极光认证
五、 Flutter Ios 中集成极光认证
六、 根据 loginToken 获取手机号码

 

十六、【一键登录】Flutter Android Ios中借助极光认证实现一键注册登录 获取手机号码(2)(22分30秒)

一、 获取loginToken
、 根据 loginToken 获取手机号码

 

十七、【一键登录】Flutter Android Ios中创建Login.dart 集成一键登录以及自定义一键登录的界面(34分31秒)

一、 自定义界面集成一键登录
、 自定义一键登录的页面

 

十八、【一键登录】Flutter Ios中集成一键登录

一、 ios中集成一键登录
、 自定义一键登录的页面 修改协议 修改背景图片

 

 十九、【Flutter蓝牙】物联网无线传输方案、Flutter蓝牙数据通信之前的准备工作(12分13秒)

一、 物联网传输方案

二、 Flutter 蓝牙数据通信之前的准备工作

 

二十、【Flutter蓝牙】Flutter Android中集成蓝牙实现Flutter App和蓝牙模块相互通信 配置插件 扫描蓝牙 连接蓝牙(上) (43分23秒)

一、 配置蓝牙

二、 Flutter Andrid中集成蓝牙

三、扫描蓝牙

四、 连接蓝牙

 

二十一【Flutter蓝牙】Flutter Android中集成蓝牙实现Flutter App和蓝牙模块相互通信 发现服务 读取信息 写入信息(下)

一、 连接蓝牙 

二、 发现服务

三、获取服务特征值

四、读取写入蓝牙

 

二十二【Flutter蓝牙】Flutter Ios中集成蓝牙实现Flutter App和蓝牙模块相互通信 发现服务 读取信息 写入信息(16分23秒

 

二十三【Flutter物联网+Wifi模块】物联网无线传输方案、Flutter Wifi模块 SP STA模式 、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秒)

一、 通信原理分析 

二、 Tcp server搭建 

三、 1对多的通信

四、 Flutter和Wifi模块无线穿透

 

二十七【Flutter物联网+Wifi模块】Mqtt服务器搭建  Mqtt订阅发布  Wifi模块连上Mqtt服务器实现Mqtt客户端可Wifi模块通信(39分18秒)

 

二十八【Flutter物联网+Wifi模块】Flutter中集成Mqtt实现Flutter和Wifi模块点对点通信(23分5秒)

 

 

部分目录截图展示: 

 

 

 

 

 

 

Flutter仿京东商城项目-部分页面截图展示:

 

   

 

 

    

 

 

    

 

 

    

 

 

   

 

 

          

 

 

 

      

 

  

         

 

 

 

     

 

 

     

 

 

                              

 

 

 

 

 

 高清视频教程截图展示:  

 

 

 

 

 

 

 

 

 

 

 

 

 

Flutter仿京东商城项目实战视频教程已在国家版权局备案登记,版权所有*翻版必究

部分证书展示) 

 

 

 

IT营(itying.com)官网转载的文章、图片等资料的版权归版权所有人所有,因无法和版权所有者一一联系,如果本网站选取的文/图威胁到您的权益,请您及时和IT营站长联系。
我们会在第一时间内采取措施,避免给双方造 成不必要的损失。IT营(itying.com)官网商品均为虚拟商品,因发货后无法收回,故购买后不支持退款,请悉知。有问题可以联系客服咨询(客服上班时间:8:00-21:30)。

在线客服:点击这里给我发消息      点击这里给我发消息      有事联系我哦   

公安备案:鄂公网安备 42050202000392号  ICP备案证书号:鄂ICP备17020565号-1