搜索

领取《Flutter 入门系列》PDF

老孟Flutter

共 14955字，需浏览 30分钟

 ·

2020-12-13 23:10





《Flutter 入门系列》是 Flutter 入门教程，里面包含了入门需要学习的知识，这些知识将是开发App过程大概率会用到的知识。


《Flutter 入门系列》PDF 总共900多页。


上半年整理了300多个组件的详细用法，这个比较全，但并不适合作为入门教程，更适合作为一本手册，用到的时候进行查阅。





文章系列目录如下：


第一章 简介







    • 智能手机操作系统






      • 塞班（Symbian）系统





      • Windows Phone





      • Android





      • iOS






    • 跨平台开发演进






      • 原生阶段





      • Hybird阶段





      • React Native阶段





      • 小程序





      • Flutter 阶段





      • Flutter局限性





      • 总结






    • 环境安装和配置





    • 创建Flutter 项目






      • 默认生成代码介绍




    • 设置App名称、图标






      • Android 设置App名称、图标



      • iOS设置App名称、图标




    • 手机调试运行






      • Android 手机调试运行





      • iOS调试运行





      • debug Flutter 代码





      • debug Android 代码





      • debug iOS 代码






    • 打包部署





    • Flutter Application Plugin Package Module区别






      • Flutter Application





      • Flutter Plugin





      • Flutter Package





      • Flutter Module






    • pubspec.yaml 配置文件详解






      • name



      • description



      • version



      • author homepage issue_tracker repository



      • Environment



      • dependencies 和 dev_dependencies



      • 依赖覆盖



      • Flutter





第二章 文本组件





  • 文本组件-Text





  • 富文本组件-RichText






    • 手势交互




  • 文本输入组件-TextField





  • 文本组件五大案例






    • 过渡颜色的文字



    • 带前后置标签的文本



    • "服务协议"



    • 登录密码输入框



    • 评论回复



第三章 基础组件





  • 按钮组件





  • 单选组件






    • Radio



    • RadioListTile




  • 复选组件






    • Checkbox



    • CheckboxListTile




  • 滑块组件






    • Slider



    • 自定义样式



    • RangeSlider



    • 滑块状态



    • ios风格的 Slider




  • 开关组件






    • Switch



    • SwitchListTile



    • CupertinoSwitch




  • 进度组件






    • LinearProgressIndicator



    • CircularProgressIndicator



    • CupertinoActivityIndicator




  • 图片和图标组件






    • Image



    • Icon




  • 聊天气泡(.图实现)





  • 圆形带边框的头像





  • 图片占位符：





  • 自定义图标




第四章 布局组件





  • 水平、垂直布局组件





  • 叠加布局组件





  • 流式布局组件





  • 自定义布局组件





  • 仿 掘金-我 效果





  • 水平展开/收起菜单





  • 半圆菜单展开/收起




第五章 定位装饰权重组件





  • 定位装饰组件-Container





  • 固定宽高组件-SizedBox





  • 宽高比组件-AspectRatio





  • 相对父组件尺寸-FractionallySizedBox





  • 权重组件-Expanded/Flexible/Spacer





  • 仿 掘金-我-头部的效果





  • 柱状图




第六章 手势识别组件





  • GestureDetector






    • 点击事件



    • 双击事件



    • 长按事件



    • 水平/垂直拖动事件



    • 缩放事件




  • Ink/InkWell






    • InkWell



    • Ink




  • Listener





  • 登录进度按钮





  • 画板




第七章 滚动和大数据组件





  • ListView





  • GridView






    • controller 和 physics 属性用法同 ListView中一样。




  • SingleChildScrollView





  • PageView





  • DataTable






    • DataColumn





    • DataRow





    • DataCell





    • 排序





    • 处理数据显示不全问题






  • 自定义PageView切换动画





  • 自定义滚动条




第八章 Sliver系列组件





  • SliverList





  • SliverGrid





  • SliverAppBar





  • SliverPersistentHeader





  • SliverToBoxAdapter





  • CustomScrollView






    • 相互嵌套场景



    • 顶部是AppBar场景




  • NestedScrollView






    • 滚动隐藏AppBar



    • SliverAppBar展开折叠



    • 与TabBar配合使用



第九章 功能型组件





  • 日期选择器






    • showDatePicker



    • CalendarDatePicker



    • 范围日期



    • 国际化




  • 时间选择器





  • iOS风格日期选择器






    • 国际化




  • iOS风格时间选择器






    • 国际化




  • 弹出菜单






    • PopupMenuButton



    • PopupMenuItem



    • PopupMenuDivider



    • CheckedPopupMenuItem



    • showMenu




  • 弹出提示/警告框






    • AlertDialog





    • CupertinoAlertDialog





    • SimpleDialog





    • Dialog






  • 改变形状组件






    • BeveledRectangleBorder





    • Border





    • BorderDirectional





    • CircleBorder





    • ContinuousRectangleBorder





    • RoundedRectangleBorder





    • StadiumBorder





    • OutlineInputBorder





    • UnderlineInputBorder





    • ClipRect





    • ClipRRect





    • ClipOval





    • ClipPath





    • CustomClipper






  • 拖拽组件





  • 缩放、平移组件




第十章 App级别组件





  • MaterialApp





  • 脚手架-Scaffold





  • 导航栏-AppBar





  • 抽屉布局-Drawer





  • 底部切换布局






    • BottomNavigationBarItem




  • 消息提示-SnackBar






    • SnackBarAction



    • 瞬间多个弹出延迟问题



第十一章 组件总结及实战





  • 组件总结




    • 组件树





    • StatefulWidget vs StatelessWidget





    • Material vs Cupertino



    • 实战-计算器




第十二章 动画





  • 动画核心-AnimationController





  • 动画核心-Tween





  • 动画核心-Curve






    • 自定义一个动画曲线




  • 动画核心总结





  • 动画序列 TweenSequence





  • 一文学会多个动画组件





  • AnimatedList





  • Hero





  • Material motion






    • Container transform



    • Shared axis



    • Fade through



    • Fade




  • 案例-路由动画





  • 案例-Flutter "孔雀开屏"的动画效果





  • 案例-渐变进度圆环





  • 案例-仿掘金点赞






    • 小手缩放效果



    • 圆环动画



    • 最外圈小点点




  • 案例-酷炫的D效果





  • 案例-翻书效果





  • 案例-涟漪效果





  • 案例-雷达扫描效果






    • 中间的 logo 图片



    • 扫描



第十三章 路由





  • 路由堆栈





  • 监听路由堆栈变化





  • WillPopScope






    • 询问用户是否退出




  • 自定义独立路由




第十四章 数据存储和网络请求





  • 文件系统目录-path_provider






    • 添加依赖



    • 文件路径



    • Android 文件存储



    • iOS 文件存储



    • path_provider 使用




  • 文件读写






    • 添加依赖



    • 文件夹



    • 文件



    • 读取 asset 文件




  • 简单数据持久化






    • 添加依赖



    • 保存/读取数据



    • 删除数据



    • Key 相关操作




  • 大量复杂数据持久化






    • 添加依赖



    • 单例模式创建 SQLite 访问



    • 初始化数据库



    • 保存数据



    • 查询数据



    • 更新数据



    • 删除数据



    • 总结




  • 网络请求-HttpClient





  • 网络请求-http






    • 引入软件包



    • 使用




  • 网络请求-dio






    • 引入软件包





    • 基础使用





    • 拦截器





    • 请求取消





    • Dio 封装






  • json数据转换为Model






    • json_serializable





    • 在线生成





    • JsonToDart 插件【推荐】





第十五章 混合开发





  • 嵌入原生View-Android






    • 注册PlatformView



    • 嵌入Flutter



    • 设置初始化参数



    • Flutter 向 Android View 发送消息



    • Flutter 向 Android View 获取消息



    • 解决多个原生View通信冲突问题




  • 嵌入原生View-iOS






    • 注册PlatformView



    • 嵌入Flutter



    • 设置初始化参数



    • Flutter 向 iOS View 发送消息



    • Flutter 向 Android View 获取消息



    • 解决多个原生View通信冲突问题




  • 平台通信的种方式






    • 通信架构图



    • 通信与平台线程




  • 与原生通信-MethodChannel






    • Flutter 端



    • Android 端



    • iOS 端



    • 原生端主动发送消息给Flutter




  • 与原生通信-BasicMessageChannel






    • Flutter 端





    • Android 端





    • iOS 端





    • 原生端主动发送消息给Flutter






  • 与原生通信-EventChannel






    • Flutter 端





    • Android 端





    • iOS 端






  • 添加 Flutter 到 Android Activity






    • 创建 Flutter Module



    • 启动页加载 Flutter



    • 跳转到 Flutter 页面



    • 引擎缓存




  • 添加 Flutter 到 Android Fragment





  • 添加 Flutter 到 iOS






    • 创建 Flutter module



    • 将Flutter模块嵌入到现有应用程序中



    • 创建 FlutterEngine 和 FlutterViewController



    • 指定入口点



    • 初始化路由



第十六章 国际化





  • 添加国际化支持






    • 使App支持国际化





    • 系统是如何实现国际化的？





    • 添加系统国际化支持





    • 添加应用程序 title 国际化





    • 设置默认语言





    • 监听系统语言切换






  • 应用程序内切换语言





  • 使用Intl包实现国际化






    • 安装插件





    • 添加依赖





    • 添加语言





    • 添加系统国际化支持





    • 在 intl_en.arb 和 intl_zh.arb下添加文案








获取PDF方式有两种：


第一种方式：分享到朋友圈加1元红包





  1. 分享此文到朋友圈，扫描下方二维码加老孟微信（已经添加到忽略此步骤）






  1. 截取朋友圈发布此文章的截图发送给我，再加一个1元红包。


然后老孟会将《Flutter 入门系列》PDF 链接发给您。


第二种方式：直接发送10元红包或者底部赞赏10元即可


此方式适用于不想发送朋友圈或者支持老孟的朋友，赞赏后，关闭当前文章，进入公众号，后台会发送下载链接，如下图：



或者直接微信发10元红包即可，此方式购买的朋友可进入老孟Flutter VIP 交流群，群内有各种大神以及妹子，比如《Flutter 开发之旅从南到北》的作者（杨哥看不到看不到?，杨哥我拿你做宣传不会提刀见我吧?）。









你可能还喜欢










关注「老孟Flutter」


让你每天进步一点点


浏览 33
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
LLMs 入门实战系列
机器学习AI算法工程
0
​Go 经典入门系列 20：并发入门
Go语言精选
0
超全面！领取Java核心知识点.pdf
程序IT圈
0
Flutter 最佳入门方式——写一个计算器
王鑫爱吃鱼
0
Flutter系列之Platform Channel使用详解
躬行之
0
《深度学习入门》中文版pdf下载
机器学习初学者
0
鸿蒙操作系统入门到精通.pdf
机器学习算法与Python实战
0
Docker入门扫盲【进来领取脑图】
大鱼仙人
0
《深度学习入门》中文版pdf下载
程序员大白
0
《深度学习入门》中文版pdf下载
小白学视觉
0
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报