Flutter 基础大集合
2023年3月20日大约 1 分钟
提示
把之前学习时候写的 demo 拿出来记录一下
地址:
flutter_my_app
demo 是照着 B 站的视频敲的,现在可能用不上了,但是还是觉得当时写的 demo 对于想学习 flutter 的新手来说作用还是有的,因为视频课程很零散,所以我边看边写了一个 app,里边基本介绍了大部分基础的用法,当然进阶的东西,这部分 demo 是没有的,最近也在忙,有空了再补一部分进阶的东西吧
现在在做的内容是 native+flutter 混编,其中坑也不少,有时间会慢慢记录一下
预览
Getting Started
This project is a starting point for a Flutter application.
A few resources to get you started if this is your first Flutter project:
For help getting started with Flutter development, view the
online documentation, which offers tutorials,
samples, guidance on mobile development, and a full API reference.
包含
- 路由管理
- 基础组件(Text、Image、Icon)
- 布局组件
- 容器组件 Container
- 线性布局 Row、Column
- 弹性布局 Flex
- 流式布局 Wrap
- 层叠布局 Stack、Positioned
- 对齐与相对定位 Align
- 容器类组件
- 填充 Padding
- 装饰容器 DecoratedBox
- 变换 Transform
- 剪裁 Clip
- 页面骨架 Scaffold、AppBar
- 抽屉菜单 Drawer
- 底部 Tab 导航
- 页面 body
- 可滚动组件
- GridView
- ListView
- TabBarView
- CustomScrollView 和 Slivers
- 动画
- 隐式动画
- 显式动画
- 交错动画
- 动画切换组件(AnimatedSwitcher)
使用库
- fluttertoast: ^8.0.9
- cached_network_image: ^3.2.2