# rn-placeholder

**Repository Path**: tianshuangming/rn-placeholder

## Basic Information

- **Project Name**: rn-placeholder
- **Description**: 🏖️ 在 React Native 中呈现文本或媒体内容之前显示一些占位符
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-03-25
- **Last Updated**: 2025-04-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React-native, react-native-ui, TypeScript, JavaScript, rn-placeholder

## README

# rn-placeholder

#### 介绍

🏖️ 在 React Native 中呈现文本或媒体内容之前显示一些占位符

#### 安装教程

```
npm install rn-placeholder
```

## 使用说明

```jsx
import {
  Placeholder,
  PlaceholderMedia,
  PlaceholderLine,
  Fade,
} from 'rn-placeholder';

const App = () => (
  <Placeholder
    Animation={Fade}
    Left={PlaceholderMedia}
    Right={PlaceholderMedia}
  >
    <PlaceholderLine width={80} />
    <PlaceholderLine />
    <PlaceholderLine width={30} />
  </Placeholder>
);
```

### 启动移动应用程序

```sh
git clone https://github.com/mfrachet/rn-placeholder
cd rn-placeholder
yarn
cd ./example && npm install && npm run start
```

#### 参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request