# rn-React Native Paper

**Repository Path**: web_74/rn-react-native-paper

## Basic Information

- **Project Name**: rn-React Native Paper
- **Description**: React Native Paper 组件库的 Expo 项目示例。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-26
- **Last Updated**: 2026-04-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React Native Paper Demo

一个使用 React Native Paper 组件库的 Expo 项目示例。

## 技术栈

- **React Native** - 跨平台移动应用开发框架
- **Expo** - React Native 开发工具链
- **React Native Paper** - Material Design 风格的 UI 组件库
- **TypeScript** - 类型安全的 JavaScript 超集

## 功能特性

本项目展示了 React Native Paper 的常用组件：

- **输入组件**: TextInput（输入框）
- **按钮组件**: Button（多种模式：contained、outlined、text、contained-tonal）
- **选择组件**: Switch（开关）、Checkbox（复选框）、RadioButton（单选按钮）
- **展示组件**: Card（卡片）、Chip（标签）、Avatar（头像）、ProgressBar（进度条）
- **导航组件**: List（列表）、FAB（浮动操作按钮）、IconButton（图标按钮）
- **反馈组件**: Snackbar（消息提示）、Divider（分隔线）

## 安装

```bash
npm install
```

## 运行

```bash
# 启动开发服务器
npm start

# 运行 Android 版本
npm run android

# 运行 iOS 版本
npm run ios

# 运行 Web 版本
npm run web
```

## 项目结构

```
├── App.tsx           # 主应用组件
├── babel.config.js   # Babel 配置
├── tsconfig.json     # TypeScript 配置
├── package.json      # 项目依赖
└── readme.md         # 项目说明
```

## 依赖说明

| 依赖包 | 用途 |
|--------|------|
| react-native-paper | Material Design UI 组件库 |
| react-native-safe-area-context | 安全区域处理 |
| react-native-vector-icons | 图标库 |

## 参考资料

- [React Native Paper 文档](https://callstack.github.io/react-native-paper/)
- [Expo 文档](https://docs.expo.dev/)
- [React Native 文档](https://reactnative.dev/)