Skip to content

0x30/navigation

Repository files navigation

Navigation

一个强大的 Vue & React 导航库,提供原生级别的页面切换体验。

✨ 特性

  • 🚀 原生体验 - 流畅的页面转场动画,支持 iOS 风格手势返回
  • 📦 多框架支持 - 同时支持 Vue 3 和 React
  • 🎯 简单易用 - 基于组件的 API 设计,上手即用
  • 🔄 页面缓存 - 自动管理页面状态,返回时保持滚动位置
  • 🎨 高度可定制 - 支持自定义转场动画和页面样式

📚 文档

👉 查看完整文档

📦 包

包名 版本
@0x30/navigation-core npm
@0x30/navigation-vue npm
@0x30/navigation-react npm

🚀 快速开始

Vue

pnpm add @0x30/navigation-vue
<script setup lang="ts">
import { Navigator, Page } from '@0x30/navigation-vue'
import Home from './views/Home.vue'
</script>

<template>
  <Navigator>
    <Page>
      <Home />
    </Page>
  </Navigator>
</template>

React

pnpm add @0x30/navigation-react
import { Navigator, Page } from '@0x30/navigation-react'
import Home from './views/Home'

function App() {
  return (
    <Navigator>
      <Page>
        <Home />
      </Page>
    </Navigator>
  )
}

📖 了解更多

License

MIT

About

A page stack mode, similar to the UINavigationController of IOS

Resources

Stars

Watchers

Forks

Contributors 2

  •  
  •