flutter_quickstart/README.md
2025-01-21 23:19:20 +08:00

34 lines
1.4 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# flutter_qucikstart
A new Flutter project.
## 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:
- [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab)
- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook)
For help getting started with Flutter, view our
[online documentation](https://flutter.dev/docs), which offers tutorials,
samples, guidance on mobile development, and a full API reference.
# 开发细节注意
## 布局
- scaffold home 主视图拆成函数
- 颜色放在common里统一管理使用class静态属性调用
- 不同结构使用注释标识使用end结尾结构更清楚
## 导入资源和图片
- 固定写法 assets/images/3.0x flutter自动适配几倍图
- 在pubspec中导入资源在commont新建assets类管理资源
- 使用stack进行叠加使用aligment进行对齐管理
## 字体和文本设置
- 导入字体设置family和路径以及不同字体对应的字重
- text使用style配置样式fontsize是字体大小height是行高是个比值使用具体的行高值/字体大小
## 增加倒计时
- 将无状态组件转成有状态组件,信息变化
- 使用future.delayed实现倒计时注意使用async
- 使用三目运算符控制显示
- 将相同组件抽出