12、Flutter 开发：页面导航与数据处理技巧

Flutter 开发：页面导航与数据处理技巧

1. 底部导航栏的使用

在 Flutter 开发中，底部导航栏是一种常见的界面元素，它可以为用户提供便捷的页面切换方式。

1.1 状态管理与页面展示

我们可以使用有状态的小部件（Stateful Widget）来保留底部导航栏的状态，例如存储用户选择的 BottomNavigationBarItem 。当用户点击底部导航栏的菜单项时，可以为每个菜单项设置特定的操作，在示例应用中，会显示一个标题为所选菜单项名称的页面。

以下是相关代码示例：

// 此处省略具体代码，后续会详细说明

1.2 导航栏类型设置

底部导航栏的类型可以通过设置 type 属性来定义，常见的有 fixed 和 shifting 两种：
- Fixed ：这是默认设置，会在屏幕上为每个图标提供等间距的一致渲染效果。设置方式为 type: BottomNavigationBarType.fixed ，使用此选项意味着让 Flutter 处理四个或更少图标的放置管理。
- Shifting ：图标会根据你的标准进行放置，并且在使用时会提供漂亮的淡入淡出动画效果。

1.3 导航栏的使用场景与注意事项

底部导航栏常用于在屏幕上展示