实例介绍
【实例截图】
【核心代码】flutter-book
├── README.md
├── screenshots
│ ├── book_ad.jpeg
│ └── book_cover.png
├── 第10章路由及导航
├── 第10章路由及导航_
│ ├── 页面跳转发送数据
│ │ └── main.dart
│ ├── 页面跳转基本使用
│ │ └── main.dart
│ └── 页面跳转返回数据
│ └── main.dart
├── 第11章组件装饰和视觉效果
│ ├── Clip剪裁处理
│ │ ├── ClipOval圆形剪裁
│ │ │ └── main.dart
│ │ ├── ClipPath路径剪裁
│ │ │ └── main.dart
│ │ ├── ClipRRect圆角矩形剪裁
│ │ │ └── main.dart
│ │ └── ClipRect矩形剪裁
│ │ └── main.dart
│ ├── CustomPainter自定义画板
│ │ ├── 绘制圆
│ │ │ └── main.dart
│ │ ├── 绘制圆弧
│ │ │ └── main.dart
│ │ ├── 绘制椭圆
│ │ │ └── main.dart
│ │ ├── 绘制直线
│ │ │ └── main.dart
│ │ ├── 绘制路径Path
│ │ │ └── main.dart
│ │ ├── 绘制多个点
│ │ │ └── main.dart
│ │ ├── 绘制圆角矩形
│ │ │ └── main.dart
│ │ └── 绘制嵌套矩形
│ │ └── main.dart
│ ├── DecoratedBox装饰盒子
│ │ ├── 渐变处理
│ │ │ ├── LinearGradient线性渐变
│ │ │ │ └── main.dart
│ │ │ └── RadialGradient环形渐变
│ │ │ └── main.dart
│ │ ├── 背景图效果
│ │ │ └── main.dart
│ │ ├── 边框圆角处理
│ │ │ └── main.dart
│ │ └── 边框阴影处理
│ │ └── main.dart
│ ├── Opacity不透明度处理
│ │ └── main.dart
│ └── RotatedBox旋转盒子
│ └── main.dart
├── 第12章动画
│ ├── AnimatedOpacity实现渐变效果
│ │ └── main.dart
│ └── Hero页面切换动画
│ └── main.dart
├── 第13章Flutter插件开发
│ └── flutter_plugin_demo
│ ├── CHANGELOG.md
│ ├── android
│ │ ├── build.gradle
│ │ ├── gradle.properties
│ │ ├── settings.gradle
│ │ └── src
│ │ └── main
│ │ ├── AndroidManifest.xml
│ │ └── java
│ │ └── demo
│ │ └── com
│ │ └── flutterplugindemo
│ │ └── FlutterPluginDemoPlugin.java
│ ├── example
│ │ ├── lib
│ │ │ └── main.dart
│ │ ├── pubspec.yaml
│ │ └── test
│ │ └── widget_test.dart
│ ├── flutter_plugin_demo.iml
│ ├── ios
│ │ ├── Assets
│ │ ├── Classes
│ │ │ ├── FlutterPluginDemoPlugin.h
│ │ │ └── FlutterPluginDemoPlugin.m
│ │ └── flutter_plugin_demo.podspec
│ ├── lib
│ │ └── flutter_plugin_demo.dart
│ └── pubspec.yaml
├── 第16章综合案例—即时通讯App界面实现
│ └── flutter_im
│ ├── README.md
│ ├── images
│ │ ├── code.png
│ │ ├── contact_list_normal.png
│ │ ├── contact_list_pressed.png
│ │ ├── icon_addfriend.png
│ │ ├── icon_groupchat.png
│ │ ├── icon_me_clear.png
│ │ ├── icon_me_file.png
│ │ ├── icon_me_friends.png
│ │ ├── icon_me_message.png
│ │ ├── icon_me_photo.png
│ │ ├── icon_me_service.png
│ │ ├── icon_menu_addfriend.png
│ │ ├── icon_menu_group.png
│ │ ├── icon_menu_scan.png
│ │ ├── icon_public.png
│ │ ├── loading.jpeg
│ │ ├── message_normal.png
│ │ ├── message_pressed.png
│ │ ├── profile_normal.png
│ │ ├── profile_pressed.png
│ │ └── yixiu.jpeg
│ ├── lib
│ │ ├── app.dart
│ │ ├── chat
│ │ │ ├── message_data.dart
│ │ │ ├── message_item.dart
│ │ │ └── message_page.dart
│ │ ├── common
│ │ │ ├── im_item.dart
│ │ │ └── touch_callback.dart
│ │ ├── contacts
│ │ │ ├── contact_header.dart
│ │ │ ├── contact_item.dart
│ │ │ ├── contact_sider_list.dart
│ │ │ ├── contact_vo.dart
│ │ │ └── contacts.dart
│ │ ├── loading.dart
│ │ ├── main.dart
│ │ ├── personal
│ │ │ └── personal.dart
│ │ └── search.dart
│ └── pubspec.yaml
├── 第1章开启Flutter之旅
│ └── 编写第一个程序.dart
├── 第2章Flutter基础知识
│ ├── Flutter主题
│ │ └── main.dart
│ ├── Http请求
│ │ ├── HttpClient请求方式
│ │ │ └── main.dart
│ │ └── Http请求方式
│ │ └── main.dart
│ ├── StatelessWidget和StatefulWidget
│ │ └── main.dart
│ └── 使用包资源
│ └── main.dart
├── 第3章Dart语言简述
│ ├── Getters和Setters.dart
│ ├── 函数.dart
│ ├── 元数据.dart
│ ├── 继承类.dart
│ ├── 抽象方法.dart
│ ├── 重载操作.dart
│ ├── 基本数据类型-maps类型.dart
│ └── 流程控制语句.dart
├── 第4章常用组件
│ ├── 图标组件
│ │ └── main.dart
│ ├── 图片组件
│ │ └── main.dart
│ ├── 容器组件
│ │ └── main.dart
│ ├── 表单组件
│ │ └── main.dart
│ ├── 长列表组件
│ │ └── main.dart
│ ├── 凸起按钮组件
│ │ └── main.dart
│ ├── 图标按钮组件
│ │ └── main.dart
│ ├── 基础列表组件
│ │ └── main.dart
│ ├── 水平列表组件
│ │ └── main.dart
│ └── 网格列表组件
│ └── main.dart
├── 第5章MaterialDesign风格组件
│ ├── AlertDialog对话框组件
│ │ └── main.dart
│ ├── AppBar应用按钮组件
│ │ └── main.dart
│ ├── BottomNavigationBar底部导航条组件
│ │ └── main.dart
│ ├── Card卡片组件
│ │ └── main.dart
│ ├── Drawer抽屉组件
│ │ ├── images
│ │ │ ├── 1.jpeg
│ │ │ ├── 2.jpeg
│ │ │ ├── 3.jpeg
│ │ │ ├── 4.jpeg
│ │ │ ├── 5.jpeg
│ │ │ ├── 6.jpeg
│ │ │ ├── 7.jpeg
│ │ │ ├── 8.jpeg
│ │ │ ├── 9.jpeg
│ │ │ ├── code.jpeg
│ │ │ └── wudang.jpeg
│ │ ├── lib
│ │ │ └── main.dart
│ │ └── pubspec.yaml
│ ├── FlatButton扁平按钮组件
│ │ └── main.dart
│ ├── FloatingActionButton按钮组件
│ │ └── main.dart
│ ├── MaterialApp应用组件
│ │ ├── 设置主页.dart
│ │ └── 路由处理.dart
│ ├── PopupMenuButton弹出菜单组件
│ │ └── main.dart
│ ├── Scaffold脚手架组件
│ │ └── main.dart
│ ├── SimpleDialog简单对话框组件
│ │ └── main.dart
│ ├── SnackBar轻量提示组件
│ │ └── main.dart
│ ├── TabBar水平选项卡及视图组件
│ │ ├── DefaultTabController示例.dart
│ │ └── TabBar选项卡示例.dart
│ └── TextField文本框组件
│ └── main.dart
├── 第6章Cupertino风格组件
│ ├── CupertinoActivityIndicator组件
│ │ └── main.dart
│ ├── CupertinoAlertDialog对话框组件
│ │ └── main.dart
│ ├── CupertinoButton按钮组件
│ │ └── main.dart
│ └── Cupertino导航组件集
│ └── main.dart
├── 第7章页面布局
│ ├── Align对齐对局
│ │ ├── fonts
│ │ │ └── myfont.ttf
│ │ ├── images
│ │ │ ├── 1.jpeg
│ │ │ ├── 2.jpeg
│ │ │ ├── 3.jpeg
│ │ │ ├── 4.jpeg
│ │ │ ├── 5.jpeg
│ │ │ ├── 6.jpeg
│ │ │ ├── 7.jpeg
│ │ │ ├── 8.jpeg
│ │ │ └── 9.jpeg
│ │ ├── lib
│ │ │ └── main.dart
│ │ └── pubspec.yaml
│ ├── AspectRatio调整宽高比
│ │ └── main.dart
│ ├── Baseline基准线布局
│ │ └── main.dart
│ ├── Center居中布局
│ │ └── main.dart
│ ├── Column垂直布局
│ │ ├── main_示例1.dart
│ │ └── main_示例2.dart
│ ├── ConstrainedBox限定宽高
│ │ └── main.dart
│ ├── Container容器布局
│ │ ├── images
│ │ │ ├── 1.jpeg
│ │ │ ├── 2.jpeg
│ │ │ └── 3.jpeg
│ │ ├── lib
│ │ │ └── main.dart
│ │ └── pubspec.yaml
│ ├── FillBox填充布局
│ │ └── main.dart
│ ├── FractionallySizedBox百分比布局
│ │ └── main.dart
│ ├── GridView布局
│ │ ├── images
│ │ │ ├── 1.jpeg
│ │ │ ├── 2.jpeg
│ │ │ ├── 3.jpeg
│ │ │ ├── 4.jpeg
│ │ │ ├── 5.jpeg
│ │ │ ├── 6.jpeg
│ │ │ ├── 7.jpeg
│ │ │ ├── 8.jpeg
│ │ │ └── 9.jpeg
│ │ ├── lib
│ │ │ └── main.dart
│ │ └── pubspec.yaml
│ ├── IndexStack布局
│ │ └── main.dart
│ ├── LimitedBox限定宽高布局
│ │ └── main.dart
│ ├── ListView基本布局
│ │ └── main.dart
│ ├── ListView长文本布局
│ │ └── main.dart
│ ├── Offstage控制是否显示组件
│ │ └── main.dart
│ ├── OverflowBox溢出父容器显示
│ │ └── main.dart
│ ├── Padding填充布局
│ │ └── main.dart
│ ├── Row水平布局
│ │ └── main.dart
│ ├── SizedBox设置具体尺寸
│ │ └── main.dart
│ ├── Stack使用Alignment布局
│ │ ├── images
│ │ │ ├── 1.jpeg
│ │ │ ├── 2.jpeg
│ │ │ ├── 3.jpeg
│ │ │ ├── 4.jpeg
│ │ │ ├── 5.jpeg
│ │ │ ├── 6.jpeg
│ │ │ ├── 7.jpeg
│ │ │ ├── 8.jpeg
│ │ │ └── 9.jpeg
│ │ ├── lib
│ │ │ └── main.dart
│ │ └── pubspec.yaml
│ ├── Stack使用Positioned定位布局
│ │ └── main.dart
│ ├── Table表格布局
│ │ └── main.dart
│ ├── Transform矩阵转换
│ │ └── main.dart
│ ├── Wrap按宽高自动换行布局
│ │ └── main.dart
│ └── 布局综合示例
│ ├── fonts
│ │ └── myfont.ttf
│ ├── images
│ │ ├── 1.jpeg
│ │ ├── 2.jpeg
│ │ ├── 3.jpeg
│ │ ├── 4.jpeg
│ │ ├── 5.jpeg
│ │ ├── 6.jpeg
│ │ ├── 7.jpeg
│ │ ├── 8.jpeg
│ │ ├── 9.jpeg
│ │ └── wudang.jpeg
│ ├── lib
│ │ └── main.dart
│ └── pubspec.yaml
├── 第8章手势
│ ├── GestureDetector手势检测
│ │ └── main.dart
│ └── 滑动删除
│ └── main.dart
└── 第9章资源和图片
└── 自定义字体
├── fonts
│ └── myfont.ttf
├── images
│ ├── 1.jpeg
│ ├── 2.jpeg
│ ├── 3.jpeg
│ ├── 4.jpeg
│ ├── 5.jpeg
│ ├── 6.jpeg
│ ├── 7.jpeg
│ ├── 8.jpeg
│ └── 9.jpeg
├── lib
│ └── main.dart
└── pubspec.yaml
145 directories, 223 files
标签： flutter
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论