矿小助基础配置 | 利用代码补全 | Flutter

阿腾木

已于 2022-06-22 22:42:02 修改

阅读量1.3k

点赞数

分类专栏：矿小助App｜项目总结文章标签： flutter

于 2021-10-20 14:34:14 首次发布

本文链接：https://blog.youkuaiyun.com/qq_15989473/article/details/120865554

版权

本文介绍了Flutter应用的基础配置，包括字体大小、边距、色彩、圆角值和容器阴影等，并探讨了持久化存储的实现，使用Prefs进行数据保存。此外，文章还分享了路由管理的策略，通过添加特定前缀的跳转函数来利用代码补全提高开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果将App比作一座建筑，那么基础配置就是地基。自定义一些统一高效的配置在各处进行复用，可以起到事半功倍的效果。

文章接上回 0 前言 | 从零开始写App | Flutter

文章目录

基础配置 ConfigInfo

统一的设计离不开统一的基础配置

字体大小 fontSize

double fontSizeTitle50; //headline1
double fontSizeTitle45; //headline2
double fontSizeMain40; //body1
double fontSizeMini38; //body2
double fontSizeTip33; //subtitle1
double fontSizeTipMini25; //subtitle2

不难看出，所有的字体变量都以fontSize开头。这样做是为了更高效的使用IDE自带的代码补全功能，只需要键入fontSize，IDE就会将这些变量展示到面前。

边距 spaceCard

double spaceCardMarginTB;//上下外边距
double spaceCardPaddingTB;//上下内边距
double spaceCardMarginRL;//左右外边距
double spaceCardPaddingRL;//左右内边距

色彩 color

//单色
Color colorMain; //主题色
Color colorSecond; //主题副色
Color colorMainText; //字体主色
Color colorMainTextWhite; //白字
Color colorScaffoldBackground;//脚手架背景色
Color colorPageBackground;//页面背景色
Color colorLoginPageMain; //登录页主题色
//多色
List<Color> colorCourseCard; //课表卡片色彩列表
List<Color> colorFuncButton; //多种功能按钮的背景色
List<Color> colorExamCard;  //考试倒计时进度条色彩