software

TwoScreens：React Native Navigation 学习展 + Tab Navigation + 屏幕转场 学习项目 🚀

发布: (2025年12月11日 GMT+8 04:28)
1 min read
原文: Dev.to

Source: Dev.to

概览

一个用于掌握 React Native 导航基础的学习项目。它演示了使用 Expo 和 React Navigation 实现的两个屏幕之间的平滑过渡，并包含自定义的底部标签栏。

功能

  • React Navigation 设置（@react-navigation/native、@react-navigation/bottom-tabs）
  • 原生屏幕过渡
  • 带左对齐图标的底部标签栏
  • Expo 工作流，支持即时测试
  • 简单的 HomeScreen，包含用户资料，可导航至 NotificationsScreen

安装

git clone https://github.com/Arvik1982/TwoScreens.git
cd TwoScreens
npm install
npx expo start

导航流程

  1. HomeScreen – 显示用户资料。
  2. 点击资料名称可导航至 NotificationsScreen。
  3. 底部标签栏保持可用，左侧图标代表 Home 页面。
Back to Blog

相关文章

阅读更多 »