Flutter企业级项目实战：首页自定义与数据管理.pdfVIP

第六章首页实现

学习目标

掌握头部标题栏的自定义【重点】

学会使用第三

方插件实现城市选择【重点】

掌握使用redux全局

状态管理进行数据【重点】

掌握数据初始化

与loading的处理【重点】

基于

SingleChildScrollView实现滚动渲染【重点】

实

现路由带参跳转【重点】

1.头部标题栏定义

1.1编写顶部导航栏

由于项目在首页需要进行城市选择和显示首页等功能，material组件库没有完全匹配的UI组件，因此我

们需要在基础组件上自行定义。

主要结构定义为居中的首页文字和左侧城市信息展示，此处可采用层叠布局进行整体规划，具体实现

如下：

第六章首页实现

学习目标

掌握头部标题栏的自定义【重点】

学会使用第插件实现城市选择【重点】

掌握使用redux全局状态管理进行数据【重点】

掌握数据初始化与loading的处理【重点】

基于SingleChildScrollView实现滚动渲染【重点】

实现路由带参跳转【重点】

1.头部标题定义

1.1编写头部标题栏

由于项目在首页需要进行城市选择和显示首页等功能，material组件库没有完全一样的组件UI，所以我

们需要在基础组件的基础上自行定义；