00. Shell 架构 (Overview)
Code: src/stackflow/
Shell 是用户与 WebOS 交互的第一界面。它负责管理所有的系统级应用(Activities)和它们之间的跳转关系。
核心组件:Stackflow
我们选用了 Stackflow 作为路由引擎,而不是 React Router。
为什么选择 Stackflow?
- Stack-based Navigation: 真正的堆栈式导航 (
push,pop),而不是 Web 的 History API (forward,back)。 - Native Transitions: 内置 iOS/Android 风格的转场动画。
- State Persistence: 页面在栈中被保留(keep-alive),返回时状态不丢失。
架构图
mermaid
graph TD
Router[Stackflow Router]
subgraph Activities
Main[MainTabsActivity]
Wallet[WalletActivity]
Settings[SettingsActivity]
end
subgraph Sheets
Send[SendSheet]
Receive[ReceiveSheet]
end
Router --> Main
Main --> Wallet
Main --> Settings
Wallet --> Send