React Native Primitives：一套无样式且可访问的React Native组件

React Native Primitives：一套无样式且可访问的React Native组件

rn-primitives Style-agnostic, accessible React Native components for iOS, Android, and Web 项目地址: https://gitcode.com/gh_mirrors/rn/rn-primitives

1. 项目介绍

React Native Primitives 是一个开源项目，旨在为开发者提供一套无样式且可访问的 React Native 组件。这些组件适用于 iOS、Android 和 Web 平台，其设计目的是为了提供高度的可定制性，同时符合无障碍访问标准。组件默认不包含任何预定义的样式，让开发者能够轻松地将组件与自己的应用美学相结合。

2. 项目快速启动

要开始使用 React Native Primitives，首先需要克隆项目并安装依赖：

git clone https://github.com/roninoss/rn-primitives.git
cd rn-primitives
pnpm i

接下来，可以构建并监视所有基本组件：

pnpm dev:primitives

然后，启动你选择的应用程序。以下是一些启动选项：

• 启动 Expo NativeWind 应用：

  pnpm dev:expo-nativewind
  

• 或者启动 Nextjs NativeWind 应用：

  pnpm dev:nextjs-nativewind
  

• 或者启动文档应用：

  pnpm dev:docs
  

3. 应用案例和最佳实践

React Native Primitives 提供了多种组件，以下是一些组件的应用案例和最佳实践：

• Accordion（折叠面板）：用于显示可折叠的内容区域，适合用来组织大量信息。

• Avatar（头像）：用于展示用户或联系人的图像，应当保证图像的清晰度和可识别性。

• Checkbox（复选框）：用于在表单中提供多项选择，确保复选框的标签清晰。

• Dialog（对话框）：用于显示模态内容，确保对话框在视觉上与其他内容有明显区分。

• Tooltip（工具提示）：为用户提供额外的信息或说明，应当在用户需要时才显示。

4. 典型生态项目

React Native Primitives 的生态系统中包括以下典型项目：

• @rn-primitives/avatar：提供头像组件的扩展功能。

• @rn-primitives/checkbox：提供复选框组件的扩展功能。

• @rn-primitives/dialog：提供对话框组件的扩展功能。

• @rn-primitives/slider：提供滑块组件的扩展功能。

以上是关于 React Native Primitives 的简要介绍和快速启动指南。开发者可以根据具体需求，探索和利用这些组件来构建更加丰富和可访问的应用程序。

rn-primitives Style-agnostic, accessible React Native components for iOS, Android, and Web 项目地址: https://gitcode.com/gh_mirrors/rn/rn-primitives