正在进行中...

React Native 可复用组件

React Native 通用 shadcn/ui

react-native-reusables 使用 NativeWind v4 精心打造，并注重无障碍性，是开源的，为开发您自己的高质量组件库提供了基础。

https://github.com/mrzachnugent/react-native-reusables/assets/63797719/ae7e074f-05a4-4568-b71a-f1e0be13650d

📖 阅读文档: https://rnr-docs.vercel.app/

🌐 尝试网页展示: https://rnr-showcase.vercel.app/

如何使用

对于您自己的项目:

1. 从模板开始或手动设置配置: 查看文档

2. 浏览文档并使用 CLI 将组件添加到您的项目中

对于此仓库:

1. Fork 此仓库，然后在您的机器上克隆您的 fork。

2. 切换到克隆的仓库目录: cd react-native-reusables

3. 安装依赖项（**重要：**必须使用 pnpm）: pnpm i

4. 从根目录，使用以下命令启动所需的应用:

• Showcase
  • iOS: pnpm dev:showcase
  • Android: pnpm dev:showcase:android
  • Web: pnpm dev:showcase:web
• Starter-base
  • iOS: pnpm dev:starter-base
  • Android: pnpm dev:starter-base:android
  • Web: pnpm dev:starter-base:web
• 文档: pnpm dev:docs

模板

Starter-base:

<img src="https://github.com/mrzachnugent/react-native-reusables/assets/63797719/42c94108-38a7-498b-9c70-18640420f1bc" alt="starter-base-template" style="width:270px;" />

按照说明操作或查看代码

包括:

• NativeWind v4
• 深色和浅色模式
  • Android 导航栏匹配模式
  • 持久模式
• 常用组件
  • ThemeToggle, Avatar, Button, Card, Progress, Text, Tooltip

rn-primitives

RNR 组件建立在通用（iOS、Android 和 Web）、样式无关（可与任何样式系统一起使用）的 react-native primitives 之上，该原语在 Web 上使用 radix-ui/primitives。

已弃用的 UI

查看截图

第一版组件几乎不关注 Web。保留代码是为了那些可能仍想使用它的人。

社区模板

• RNR Base Bare 由 a0m0rajab 提供: 一个使用 Supabase 作为后端的简单应用，具有登录/注册和个人资料功能。

<br/> <br/>

如果您想分享使用 react-native-reusables 制作的模板，欢迎提交 PR。格式应复制其他社区模板项目

[模板名称](https://github.com/your-profile/your-template-repo) 由 [你的GitHub用户名](https://github.com/yourGithubHandle) 提供: _简短描述_