面试题：Flutter 利用平台特定插件处理 iOS 和 Android 本地导航栏差异

Question

假设你正在开发一个跨平台应用，iOS 要求使用底部标签栏配合导航栏，而 Android 则希望使用底部导航栏，并且在部分页面有抽屉式导航。请阐述如何运用平台特定插件来分别实现这两种不同的导航模式，需要考虑页面切换逻辑和导航栏样式定制等方面，同时说明在不同平台之间切换时如何保持数据和状态的一致性。

Answer 1

1. 运用平台特定插件实现导航模式

iOS 导航实现

• 插件选择：在 Flutter 中可使用 cupertino_icons 等插件辅助实现 iOS 风格。对于底部标签栏配合导航栏，使用 CupertinoTabScaffold 结合 CupertinoNavigationBar。
• 页面切换逻辑：CupertinoTabScaffold 管理多个 CupertinoTabView，每个 CupertinoTabView 内通过 CupertinoNavigationBar 进行页面的 push 和 pop 操作，类似 iOS 原生导航逻辑。
• 导航栏样式定制：CupertinoNavigationBar 可通过 leading、title、trailing 等属性定制导航栏左右两侧及标题内容，通过 backgroundColor 等属性设置背景颜色等样式。

Android 导航实现

• 插件选择：Flutter 开发 Android 应用时，可利用 material 库实现 Android 风格。对于底部导航栏，使用 BottomNavigationBar，抽屉式导航使用 Drawer 配合 Scaffold 的 drawer 属性。
• 页面切换逻辑：通过 BottomNavigationBar 的 onTap 事件切换不同页面，抽屉式导航通过 Scaffold 的 openDrawer 等方法控制抽屉打开关闭，在抽屉内通过 ListTile 等组件点击实现页面切换。
• 导航栏样式定制：BottomNavigationBar 可通过 items 设置底部导航项图标和文字，通过 backgroundColor、selectedItemColor 等属性定制样式。Drawer 可通过 child 属性内的组件定制样式。

2. 不同平台间数据和状态一致性

• 状态管理：使用状态管理库如 provider、mobx 或 flutter_bloc 等。将应用数据和状态提升到更高层级进行管理，使得不同平台下的页面都能共享和修改相同的状态数据。例如在 provider 中，创建 ChangeNotifier 类管理数据，不同平台页面通过 Provider 包裹使用该数据。
• 数据持久化：使用插件如 shared_preferences（简单数据存储）、sqflite（SQLite 数据库）等。在状态改变时同步保存数据到持久化存储，不同平台启动时从持久化存储中读取数据恢复状态，确保数据一致性。例如登录状态等数据，登录成功后保存到 shared_preferences，不同平台下次启动读取该状态判断是否已登录。