open-index/open-npm huggingface dataset:
npm package: @react-native-oh-tpl/react-native-image-capinsets-next
Description: support for Image `capInsets`
Latest version: 0.6.1-0.0.4

Fork from: https://github.com/mayconmesquita/react-native-image-capinsets-next

# react-native-image-capinsets-next

[![NPM version](https://badge.fury.io/js/react-native-image-capinsets-next.svg)](http://badge.fury.io/js/react-native-image-capinsets-next)
[![Build Status](https://travis-ci.org/mayconmesquita/react-native-image-capinsets-next.svg?branch=master)](https://travis-ci.org/mayconmesquita/react-native-image-capinsets-next)


## 说明

设置图像拉伸时可调整大小的图像选项。拉伸对拖拽缩略图以及占位图有效。基于 [Image resizable](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-image-V5#resizable11) 属性实现。


## 使用文档

https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-capinsets-next.md
npm package: @react-native-oh-tpl/react-native-image-colors
Description: Fetch prominent colors from an image.
Author: OsamaQarem
Latest version: 2.4.0-0.0.7

# @react-native-oh-tpl/react-native-image-colors

本项目基于 [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)

## 文档地址 / Documentation URL 

[中文 / Chinese](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-colors.md)

[英文 / English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-en/react-native-image-colors.md)

## Codegen

该库已接入 codegen，具体请查阅文档。

The library has been integrated with codegen. Please refer to the documentation for details.

## 请悉知 / Acknowledgements

本项目基于 [MIT License (MIT)](https://github.com/osamaqarem/react-native-image-colors/blob/master/LICENSE) ，请自由地享受和参与开源。
npm package: @react-native-oh-tpl/react-native-image-crop-picker
Description: Select single or multiple images, with cropping option
Author: Ivan Pusic
Latest version: 0.40.3-0.0.14

# @react-native-oh-tpl/react-native-image-crop-picker

本项目基于 [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)

## 文档地址 / Documentation URL

[中文 / Chinese](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md)

[英文 / English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-en/react-native-image-crop-picker.md)

## Codegen

该库已接入 codegen，具体请查阅文档。

The library has been integrated with codegen. Please refer to the documentation for details.

## 请悉知 / Acknowledgements

本项目基于 [MIT License (MIT)](https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
npm package: @react-native-oh-tpl/react-native-image-rotate
Description: Rotate images from your react-native JavaScript code
Author: Dmitry Gladkov
Latest version: 2.1.0-0.0.3

# react-native-image-rotate

本项目基于 [react-native-image-rotate](https://github.com/dgladkov/react-native-image-rotate)

## 文档地址 / Documentation URL 

[中文 / Chinese](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-rotate.md)

## Codegen

该库已接入 codegen，具体请查阅文档。

The library has been integrated with codegen. Please refer to the documentation for details.

## 请悉知 / Acknowledgements

本项目基于 [The MIT License (MIT)](https://github.com/dgladkov/react-native-image-rotate/blob/master/LICENSE) ，请自由地享受和参与开源。
npm package: @react-native-oh-tpl/react-native-image-sequence-2
Description: Showcase a Fabric component with a image sequence
Author: bwindsor
Latest version: 0.9.1-0.0.3

# react-native-image-sequence-2
Based on [react-native-image-sequence](https://github.com/madsleejensen/react-native-image-sequence) with various bugs fixed.

native modules for handling image sequence animations. (created because i had performance issues with a javascript only solution like: https://github.com/remobile/react-native-image-animation)

its a simple wrapper around **iOS** `UIImageView.animationImages` and **Android** `AnimationDrawable`

## Installation

1. `npm i --save react-native-image-sequence-2`
2. `cd ios && pod install`


## Examples

```javascript
import ImageSequence from 'react-native-image-sequence-2';

const images = [
  require('1.jpg'),
  require('2.jpg'),
  require('3.jpg'),
  require('4.jpg'),
  require('5.jpg'),
];

const centerIndex = Math.round(images.length / 2);

<ImageSequence
  images={images}
  startFrameIndex={centerIndex}
  style={{width: 50, height: 50}}
/>
```

### Change animation speed
You can change the speed of the animation by setting the `framesPerSecond` property.

```javascript
<ImageSequence
  images={images}
  framesPerSecond={24}
/>
```

### Looping
You can change if animation loops indefinitely by setting the `loop` property.

```javascript
<ImageSequence
  images={images}
  framesPerSecond={24}
  loop={false}
/>
```

### Downsampling
Loading and using an image with a higher resolution than the size of the image display area does not provide any visible benefit, but still takes up precious memory and incurs additional performance overhead due to additional on the fly scaling. So choosing to downsample an image before rendering saves memory and CPU time during the rendering process, but costs more CPU time during the image loading process.

You can set the images to be downsampled by setting both the `downsampleWidth` and `downsampleHeight` properties. Both properties must be set to positive numbers to enable downsampling.

```javascript
<ImageSequence
  images={images}
  downsampleWidth={32}
  downsampleHeight={32}
/>
```

IMPORTANT: The final image width and height will not necessarily match `downsampleWidth` and `downsampleHeight` but will just be a target for the per-platform logic on how to downsample.

On Android, the logic for how to downsample is taken from [here](https://developer.android.com/topic/performance/graphics/load-bitmap). The image's aspect ratio will stay consistent after downsampling.

On iOS, the max value of `downsampleWidth` and `downsampleHeight` will be used as the max pixel count for both dimensions in the final image. The image's aspect ratio will stay consistent after downsampling.
npm package: @react-native-oh-tpl/react-native-inappbrowser-reborn
Description: InAppBrowser for React Native
Author: Juan David Nicholls Cardona
Latest version: 3.7.0-0.0.4

# @react-native-ohos/react-native-inappbrowser-reborn

This project is based on [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser)

## Documentation

- [中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-inappbrowser.md)

- [English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-inappbrowser.md)

## License

This library is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-inappbrowser/blob/sig/LICENSE)
npm package: @react-native-oh-tpl/react-native-input-scroll-view
Description: Perfect TextInput ScrollView
Author: Junjie.Bai
Latest version: 1.11.0-0.0.1

# @react-native-oh-tpl/react-native-input-scroll-view

This project is based on [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view)

## Documentation

[中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-input-scroll-view.md)

[English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-input-scroll-view.md)

## License

This project is based on [The MIT License (MIT)](https://github.com/baijunjie/react-native-input-scroll-view/blob/master/LICENSE)
npm package: @react-native-oh-tpl/react-native-keyboard-accessory
Description: A React Native Keyboard Accessory (View, Navigation) Component. Sticky views on keyboard.
Author: Arda Oğulcan Pektaş
Latest version: 0.1.16-0.0.2

# @react-native-oh-tpl/react-native-keyboard-accessory

This project is based on [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)

## Documentation URL

- [中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-keyboard-accessory.md)

- [英文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-keyboard-accessory.md)

## License

This library is licensed under [The MIT License (MIT)](https://github.com/ardaogulcan/react-native-keyboard-accessory/blob/master/LICENSE)
npm package: @react-native-oh-tpl/react-native-keyboard-controller
Description: Keyboard manager which works in identical way on  iOS and Android and harmony
Author: Kiryl Ziusko
Latest version: 1.12.7-0.0.5

# @react-native-oh-tpl/react-native-keyboard-controller

本项目基于 [react-native-keyboard-controller (原库NPM包名)](https://github.com/kirillzyusko/react-native-keyboard-controller)

## 文档地址 / Documentation URL 

[中文 / Chinese](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-keyboard-controller.md)

[英文 / English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-keyboard-controller.md)

## Codegen

该库已接入 codegen，具体请查阅文档。

The library has been integrated with codegen. Please refer to the documentation for details.

## 请悉知 / Acknowledgements

本项目基于 [The MIT License (MIT)](https://github.com/kirillzyusko/react-native-keyboard-controller/blob/main/LICENSE) ，请自由地享受和参与开源。
npm package: @react-native-oh-tpl/react-native-linear-gradient
Description: A <LinearGradient> element for React Native
Author: Brent Vatne
Latest version: 3.0.0-0.5.0

#  迁移声明

- 本仓库已迁移至 Gitee：[OpenHarmony-SIG/rntpc_react-native-linear-gradient](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient)。
- 包名已更改为 `@react-native-ohos/react-native-linear-gradient`，支持直接从 npm 下载。
- 更多详情请查阅新仓库的 README 文件。
- 本仓库旧版本的文档已归档：[链接](/doc/zh-cn.md)

# Migration Announcement

- This repository has been migrated to Gitee: [OpenHarmony-SIG/rntpc_react-native-linear-gradient](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient)
- The package name has been changed to `@react-native-ohos/react-native-linear-gradient` and is now available for direct download from npm.
- For more details, please refer to the README in the new repository.
- Archived documentation for versions in this repository can be found here: [Link](/doc/en.md)
npm package: @react-native-oh-tpl/react-native-localization-settings
Description: React Native module to expose per-app language preferences API on iOS and Android.
Author: Jakub Grzywacz
Latest version: 1.0.2-0.0.1

# @react-native-oh-tpl/react-native-localization-settings

## 文档地址 / Documentation URL 

[中文 / Chinese](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-localization-settings.md)

## Codegen

该库已接入 codegen，具体请查阅文档。

## 请悉知 / Acknowledgements

本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-localization-settings/blob/sig/LICENSE) ，请自由地享受和参与开源。
npm package: @react-native-oh-tpl/react-native-map-linking
Description: Linking to map for React Native
Author: starlight36
Latest version: 1.0.1-0.0.1

# React Native Map Linking

这是一个利用React Native的Linking组件唤起系统内建地图的轮子, 目前支持:

* Android平台
    * 高德地图
    * 百度地图
* iOS平台
    * 高德地图
    * 百度地图
    * 苹果地图

## 快速开始

使用npm安装

```
npm install react-native-map-linking --save
```

引用组件, 开始使用: 

```js
import MapLinking from 'react-native-map-linking';

// 唤起地图, 并在地图上标记一个点
MapLinking.markLocation({lat: 40, lng: 118}, 'aaa', 'bbb');

// 唤起地图, 并让地图规划从开始到结束的路线
MapLinking.planRoute({lat:40, lng: 118, title: '起点'}, {lat:40, lng: 119, title: '终点'}, 'drive');

// 唤起地图, 并发起导航
MapLinking.navigate({lat:40, lng: 118, title: '终点'});
```

注意: iOS系统需要配置Schema支持, 见下面的说明。

## API

### markLocation(location, title, content)

在地图上标记一个点的位置。

* location 位置坐标, 是一个对象, 包括:
    * lat - 经度
    * lng - 纬度
    * type - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标)
* title 地点标记名称
* content 地点标记说明

### planRoute(srcLocation, distLocation, mode)

规划两点之间的线路。

* srcLocation 起始位置坐标, 是一个对象, 包括:
    * lat - 经度
    * lng - 纬度
    * title - 起始位置名称
* distLocation 结束位置坐标, 是一个对象, 包括:
    * lat - 经度
    * lng - 纬度
    * type - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标)
    * title - 结束位置名称
* mode 路线模式
    * drive - 驾车
    * bus - 公交
    * walk - 步行
    
### navigate(distLocation)

启动当前位置到目标位置的导航。

* distLocation 结束位置坐标, 是一个对象, 包括:
    * lat - 经度
    * lng - 纬度
    * type - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标)
    * title - 结束位置名称

## 一些问题

* 如果系统内没有可用的地图, 组件会推荐下载高德地图、百度地图。
* 使用iOS内建地图时, 地图标记和导航功能可能不精确, 推荐使用高德地图。

## iOS配置Schema支持

iOS系统下需要在App的`info.plist`中配置Schema支持才能唤起地图:

```
<key>LSApplicationQueriesSchemes</key>
<array>
    <string>baidumap</string>
    <string>iosamap</string>
</array>
```

## 问题反馈

新浪微博: [@starlight36](http://weibo.com/starlight36)
问题系统: [问题系统](https://github.com/starlight36/react-native-map-linking/issues)

## 协议

MIT
npm package: @react-native-oh-tpl/react-native-maps-directions
Description: Directions Component for react-native-maps
Author: Bramus!
Latest version: 1.9.0-0.0.2

# @react-native-oh-tpl/react-native-maps-directions

This project is based on [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)

## Documentation URL

- [中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-maps-directions.md)

- [英文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-maps-directions.md)

## License

This library is licensed under [The MIT License (MIT)](https://github.com/bramus/react-native-maps-directions/blob/master/LICENSE.md)
npm package: @react-native-oh-tpl/react-native-markdown-renderer
Description: Markdown renderer for react-native, with CommonMark spec support + adds syntax extensions & sugar (URL autolinking, typographer).
Author: Mient-jan Stelling
Latest version: 3.2.8-0.0.2

# @react-native-oh-tpl/react-native-markdown-renderer

本项目基于 [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer)

## 文档地址 / Documentation URL

[中文 / Chinese](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-markdown-renderer.md)

[英文 / English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-en/react-native-markdown-renderer.md)

## Codegen

该库已接入 codegen，具体请查阅文档。

The library has been integrated with codegen. Please refer to the documentation for details.

## 请悉知 / Acknowledgements

本项目基于 [The MIT License (MIT)](https://github.com/mientjan/react-native-markdown-renderer/blob/master/LICENSE) ，请自由地享受和参与开源。
npm package: @react-native-oh-tpl/react-native-marquee
Description: React Native Marquee Text Component
Author: Hunkyo Jung
Latest version: 0.5.0-0.0.1

# react-native-marquee

A pure JavaScript marquee text component for react native.

## Installation

```
npm install --save react-native-marquee
or
yarn add react-native-marquee
```

## Usage

```Javascript
import React, { Component } from 'react';
import { StyleSheet, View } from 'react-native';
import MarqueeText from 'react-native-marquee';

export default class MarqueeTextSample extends Component {
  render() {
    return (
      <View style={styles.container}>
        <MarqueeText
          style={{ fontSize: 24 }}
          speed={1}
          marqueeOnStart={true}
          loop={true}
          delay={1000}
        >
          Lorem Ipsum is simply dummy text of the printing and typesetting industry and typesetting industry.
        </MarqueeText>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
  },
});
```

## Properties

MarqueeText component basically inherits TextProps and the followings are additional ones: 

| Prop              | Type     | Optional | Default | Description
|-------------------|----------|----------|---------| -----------
| marqueeOnStart    | boolean  | true     | true    | A flag whether to start marquee animation right after render
| speed             | number   | true     | 1       | Speed calculated as pixels/second
| loop              | boolean  | true     | true    | A flag whether to loop marquee animation or not
| delay             | number   | true     | 0       | Duration to delay the animation after render, in milliseconds
| onMarqueeComplete | function | true     | void    | A callback for when the marquee finishes animation and stops
| consecutive       | boolean  | true     | false   | A flag to enable consecutive mode that imitates the default behavior of HTML marquee element. Does not take effect if loop is false

## Methods

These methods are optional, you can use the isOpen property instead

| Prop    | Params | Description      |
|:--------|:------:|:----------------:|
| start   |   -    | Start animation  |
| stop    |   -    | Stop animation   |

## Contribution

Do you have any idea or want to change something? Just open an issue. Contributions are always welcome.

## Lisence

[MIT Lisence](https://opensource.org/licenses/MIT)
npm package: @react-native-oh-tpl/react-native-material-ui
Description: React Native Material Design Components
Latest version: 1.30.1-0.0.1

# React Native Material UI (iOS and Android supported)

Highly customizable material design components for React Native!

[![npm](https://img.shields.io/npm/v/react-native-material-ui.svg)](https://www.npmjs.com/package/react-native-material-ui)
[![codecov](https://codecov.io/gh/xotahal/react-native-material-ui/branch/master/graph/badge.svg)](https://codecov.io/gh/xotahal/react-native-material-ui)
[![npm](https://img.shields.io/npm/dm/react-native-material-ui.svg)](https://img.shields.io/npm/dm/react-native-material-ui.svg)
[![Dependencies](https://david-dm.org/xotahal/react-native-material-ui.svg)](https://david-dm.org/xotahal/react-native-material-ui.svg)
[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/xotahal/react-native-material-ui/master/LICENSE)

## Documentation

- [Getting Started](https://github.com/xotahal/react-native-material-ui/blob/master/docs/GettingStarted.md)
- [Usage](https://github.com/xotahal/react-native-material-ui/blob/master/docs/Usage.md)
- [Demo & Examples](https://github.com/xotahal/react-native-material-ui/blob/master/docs/Demo.md)
- [Components](https://github.com/xotahal/react-native-material-ui/blob/master/docs/Components.md)

## Showroom

### [Savee.io](http://bit.ly/savee-io)

[iOS App](http://bit.ly/savee-ios) & [Android App](http://bit.ly/savee-android)

<img src="https://cdn-images-1.medium.com/max/2000/1*c4LrPZvMIgIZntDPfYDKFA.png" width="512px" />

### [Reservio](https://www.reservio.com/)

[iOS App](https://itunes.apple.com/us/app/reservio/id1314263364?mt=8) & [Android App](https://play.google.com/store/apps/details?id=com.reservio&hl=en)

<img src="https://lh3.googleusercontent.com/1wm87owPIRr_vp9FrroYuD4eusW2x8N7H7OdhP_B2ynLDIds6s83VAWKFz8xBa3NOh8=w1440-h620-rw" width="256px" /><img src="https://lh3.googleusercontent.com/AIDK60jiX6ldE9dZ4n5srJSG1sdeRKgsqIEdfdyCQvJcNY1rW7vCmHwvC6aOcLk7swE=w1440-h620-rw" width="256px" />

## Questions

If you need anything ping us on [twitter](https://twitter.com/xotahal).

| Jiri Otahal                                                                                                                                | Jan Ziemba                                                                                                                                 |
| ------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------ |
| [<img src="https://avatars3.githubusercontent.com/u/3531955?v=4" width="100px;" style="border-radius:50px"/>](https://twitter.com/xotahal) | [<img src="https://avatars1.githubusercontent.com/u/4710865?v=4" width="100px;" style="border-radius:50px"/>]() |
npm package: @react-native-oh-tpl/react-native-mlkit-ocr
Description: Google on-device MLKit text recognition for React Native
Author: Andrew Goldis
Latest version: 0.3.0-0.0.1

# @react-native-oh-tpl/react-native-mlkit-ocr

## 文档地址 / Documentation URL 

[中文 / Chinese](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-mlkit-ocr.md)

## Codegen

该库已接入 codegen，具体请查阅文档。

## 请悉知 / Acknowledgements

本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-mlkit-ocr/blob/sig/LICENSE) ，请自由地享受和参与开源。
npm package: @react-native-oh-tpl/react-native-mmkv-storage
Description: This library aims to provide a fast & reliable solution for you data storage needs in react-native apps. It uses [MMKV](https://github.com/Tencent/MMKV) by Tencent under the hood on Android and iOS both that is used by their WeChat app(more than 1 Billion
Author: Ammar Ahmed for @ammarahm-ed
Latest version: 0.10.3-0.0.2
npm package: @react-native-oh-tpl/react-native-modalbox
Description: A <Modal/> component for react-native
Author: Max
Latest version: 2.0.2-0.0.1

# @react-native-oh-tpl/react-native-modalbox

This project is based on [react-native-modalbox](https://github.com/maxs15/react-native-modalbox)

## Documentation

- [中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-modalbox.md)

- [English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-modalbox.md)

## License

This library is licensed under [The MIT License (MIT)](https://github.com/maxs15/react-native-modalbox/blob/master/License.txt)
npm package: @react-native-oh-tpl/react-native-nested-scroll-view
Description: React Native ScrollView replacement with NestedScrollView
Author: Cesar Augusto
Latest version: 9.0.0-0.0.2

# @react-native-ohos/react-native-nested-scroll-view

This project is based on [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)

## Documentation

- [中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-nested-scroll-view.md)

- [English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-nested-scroll-view.md)

## License

This library is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-nested-scroll-view/blob/sig/LICENSE)
npm package: @react-native-oh-tpl/react-native-network-info
Description: Get local network information
Author: Corey Wilson
Latest version: 5.2.1-0.0.1

# react-native-network-info

本项目基于 [react-native-network-info](https://github.com/pusherman/react-native-network-info)

## 文档地址 / Documentation URL 

[中文 / Chinese](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/xxx.md)

## Codegen

该库已接入 codegen，具体请查阅文档。

The library has been integrated with codegen. Please refer to the documentation for details.

## 请悉知 / Acknowledgements

本项目基于 [The MIT License (MIT)](https://github.com/pusherman/react-native-network-info/blob/master/LICENSE) ，请自由地享受和参与开源。
npm package: @react-native-oh-tpl/react-native-permissions
Description: An unified permissions API for React Native on HarmonyOS
Author: Mathieu Acthernoene
Latest version: 4.1.2-0.1.7

# @react-native-oh-tpl/react-native-permissions

This project is based on [react-native-permissions](https://github.com/zoontek/react-native-permissions)

## Documentation

- [中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-permissions.md)

- [English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-permissions.md)

## License

This library is licensed under [The MIT License (MIT)](https://github.com/zoontek/react-native-permissions/blob/master/LICENSE)
npm package: @react-native-oh-tpl/react-native-picker-select
Description: A Picker component for React Native which emulates the native <select> interfaces for each platform
Latest version: 9.3.1-0.0.1

# @react-native-oh-tpl/react-native-picker-select

本项目基于 [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)

## 文档地址 / Documentation URL

[中文 / Chinese](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-picker-select.md)

[英文 / English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-en/react-native-picker-select.md)

## 请悉知 / Acknowledgements

本项目基于 [MIT License (MIT)](https://github.com/lawnstarter/react-native-picker-select/blob/master/LICENSE) ，请自由地享受和参与开源。
npm package: @react-native-oh-tpl/react-native-print
Description: Print documents with React Native
Author: Christopher Dro
Latest version: 0.11.0-0.0.3

# @react-native-oh-tpl/react-native-print

## 文档地址 / Documentation URL 

[中文 / Chinese](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-print.md)

## Codegen

该库已接入 codegen，具体请查阅文档。

## 请悉知 / Acknowledgements

本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-print/blob/sig/LICENSE) ，请自由地享受和参与开源。
npm package: @react-native-oh-tpl/react-native-progress
Description: Progress indicators and spinners for React Native using ReactART
Author: Joel Arvidsson
Latest version: 5.0.1-0.0.3

# @react-native-oh-tpl/react-native-progress

This project is based on [react-native-progress](https://github.com/react-native-oh-library/react-native-progress)

## Documentation

- [中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-progress.md)

- [English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-progress.md)

## License

This library is licensed under [The MIT License (MIT)](https://github.com/oblador/react-native-progress/blob/master/LICENSE)
npm package: @react-native-oh-tpl/react-native-root-modal
Description: react native modal component
Latest version: 5.0.0-0.0.1

# @react-native-oh-tpl/react-native-root-modal

This project is based on [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)

## Documentation

[中文](https://gitee.com/react-native-oh-library/usage-docs/tree/master/zh-cn/react-native-root-modal.md)

[English](https://gitee.com/react-native-oh-library/usage-docs/tree/master/en/react-native-root-modal.md)

## License

This library is licensed under [MIT License (MIT)](https://github.com/react-native-oh-library/react-native-root-modal/blob/sig/LICENSE).
npm package: @react-native-oh-tpl/react-native-safe-area-context
Description: A flexible way to handle safe area, also works on Android and web.
Author: Janic Duplessis
Latest version: 4.7.4-0.2.1

# @react-native-oh-tpl/react-native-safe-area-context
This project is based on  [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)
## Documentation
[中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-safe-area-context.md)

[English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-safe-area-context.md)

## License
This library is licensed under [The MIT License (MIT)](https://github.com/th3rdwave/react-native-safe-area-context/blob/main/LICENSE).
npm package: @react-native-oh-tpl/react-native-safe-module
Description: A safe way to consume React Native NativeModules
Author: Leland Richardson
Latest version: 1.2.0-0.0.1

# @react-native-oh-tpl/react-native-safe-module

This project is based on [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module)

## Documentation

[中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-safe-module.md)

[English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-safe-module.md)

## License

This library is licensed under [MIT License (MIT)](https://github.com/react-native-oh-library/react-native-safe-module/blob/sig/LICENSE).
npm package: @react-native-oh-tpl/react-native-safe-modules
Description: A safe way to consume React Native NativeModules (forked from react-native-safe-module by @lelandrichardson)
Author: Emilio Rodriguez
Latest version: 1.0.3-0.0.1

# @react-native-oh-tpl/react-native-safe-modules

本项目基于 [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules)

## 文档地址 / Documentation URL 

[中文 / Chinese](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-safe-modules.md)

[英文 / English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-en/react-native-safe-modules.md)

## 请悉知 / Acknowledgements

本项目基于 [MIT License (MIT)](https://github.com/emilioicai/react-native-safe-modules/blob/master/LICENSE) ，请自由地享受和参与开源。
npm package: @react-native-oh-tpl/react-native-screenshot-prevent
Description: This fork contains fully working blank screenshot on IOS13+ including screen recording
Author: killserver
Latest version: 1.2.1-0.0.2

# @react-native-oh-tpl/react-native-screenshot-prevent

本项目基于 [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent)

## 文档地址 / Documentation URL

[中文 / Chinese](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-screenshot-prevent.md)

[英文 / English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-en/react-native-screenshot-prevent.md)

## Codegen

该库已接入 codegen，具体请查阅文档。

The library has been integrated with codegen. Please refer to the documentation for details.

## 请悉知 / Acknowledgements

本项目基于 [The MIT License (MIT)](https://github.com/killserver/react-native-screenshot-prevent/blob/main/LICENSE) ，请自由地享受和参与开源。
npm package: @react-native-oh-tpl/react-native-search-bar
Description: The native search bar for react native.
Latest version: 3.5.1-0.0.3

# @react-native-oh-tpl/react-native-search-bar
This project is based on  [react-native-search-bar](https://github.com/umhan35/react-native-search-bar)
## Documentation
[中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-search-bar.md)

[English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-search-bar.md)

## License
This library is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-search-bar/blob/master/LICENSE).
npm package: @react-native-oh-tpl/react-native-securerandom
Description: Generate cryptographically-secure random bytes in react native
Author: Rob Hogan
Latest version: 1.0.1-0.0.2

# @react-native-oh-tpl/react-native-securerandom

本项目基于 [react-native-securerandom (react-native-securerandom)](https://github.com/robhogan/react-native-securerandom/tree/main)

## 文档地址 / Documentation URL 

[中文 / Chinese](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-securerandom.md)

[英文 / English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-en/react-native-securerandom.md)

## Codegen

该库已接入 codegen，具体请查阅文档。

The library has been integrated with codegen. Please refer to the documentation for details.

## 请悉知 / Acknowledgements

本项目基于 MIT License ([react-native-securerandom](https://github.com/robhogan/react-native-securerandom/blob/main/LICENSE)) ，请自由地享受和参与开源。
npm package: @react-native-oh-tpl/react-native-shake
Description: A library to detect shake event on Android and iOS
Author: Quan Pham
Latest version: 5.6.2-0.0.1

# React Native Shake Event Detector

If you like this, please consider...

<a href="https://www.buymeacoffee.com/dokodemodoa"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a pizza&emoji=🍕&slug=dokodemodoa&button_colour=40DCA5&font_colour=ffffff&font_family=Cookie&outline_colour=000000&coffee_colour=FFDD00" /></a>

Thank you!

[![Latest version](https://badge.fury.io/js/react-native-shake.svg)](https://badge.fury.io/js/react-native-shake)

![RNShake](rnshake.png)

With this library, you can add shake event detector on your React Native app. Because `react-native-shake-event` is not in active development anymore, I decided to created this.

Please note that it only works on *real devices*

## Installation

```sh
npm install react-native-shake
```

or

```sh
yarn add react-native-shake
```

## Linking the native modules

### Automatic:

From React Native 0.60, you don't have to manually link libraries anymore. Just

```bash
cd ios
pod update
```

and you're good to go.

### Manual (iOS):

Follow this [guide](https://reactnative.dev/docs/linking-libraries-ios)

## Usage

```tsx
import RNShake from 'react-native-shake';

// For v3.x.x and below:
class MyComponent extends React.Component {
  componentDidMount() {
    RNShake.addEventListener('ShakeEvent', () => {
      // Your code...
    });
  }

  componentWillUnmount() {
    RNShake.removeEventListener('ShakeEvent');
  }
}

// For v4.x.x onwards:
class MyComponent extends React.Component {
  componentDidMount() {
    RNShake.addListener(() => {
      // Your code...
    });
  }

  componentWillUnmount() {
    RNShake.removeListener();
  }
}

// For v5.x.x onwards:
import React from 'react'

export const MyComponent = () => {
  React.useEffect(() => {
    const subscription = RNShake.addListener(() => {
      // Your code here...
    })

    return () => {
      // Your code here...
      subscription.remove()
    }
  }, [])
}
```
npm package: @react-native-oh-tpl/react-native-share
Description: Social share, sending simple data to other apps.
Author: Esteban Fuentealba
Latest version: 10.2.1-0.0.6

# @react-native-oh-tpl/react-native-share

本项目基于 [react-native-share (原库NPM包名)](https://github.com/react-native-share/react-native-share)

## 文档地址 / Documentation URL 

[中文 / Chinese](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-share.md)

[英文 / English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-en/react-native-share.md)

## Codegen

该库已接入 codegen，具体请查阅文档。

The library has been integrated with codegen. Please refer to the documentation for details.

## 请悉知 / Acknowledgements

本项目基于 [XXX License (XXX)](https://github.com/react-native-share/react-native-share/blob/main/LICENSE) ，请自由地享受和参与开源。
npm package: @react-native-oh-tpl/react-native-simple-toast
Description: Cross-platform Toast experience for React Native
Author: Vojtech Novak
Latest version: 3.3.1-0.0.1

# @react-native-oh-tpl/react-native-simple-toast

This project is based on [react-native-simple-toast](https://github.com/vonovak/react-native-simple-toast)

## Documentation

- [中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-simple-toast.md)

- [English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-simple-toast.md)

## License

This library is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-simple-toast/blob/sig/LICENSE)
npm package: @react-native-oh-tpl/react-native-slider
Description: A pure JavaScript <Slider /> component for react-native
Author: Jean Regisser
Latest version: 0.11.0-0.1.5

# @react-native-oh-tpl/react-native-slider

This project is based on [react-native-slider](https://github.com/jeanregisser/react-native-slider)

## Documentation

- [中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-slider.md)

- [English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-slider.md)

## License

This library is licensed under [The MIT License (MIT)](https://github.com/jeanregisser/react-native-slider/blob/master/LICENSE)
npm package: @react-native-oh-tpl/react-native-snackbar
Description: Material Design "Snackbar" component for Android and iOS.
Author: Azendoo
Latest version: 2.7.1-0.0.2

# @react-native-oh-tpl/react-native-snackbar

本项目基于 [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)

## 文档地址 / Documentation URL 

[中文 / Chinese](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-snackbar.md)

[英文 / English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-en/react-native-snackbar.md)

## Codegen

该库已接入 codegen，具体请查阅文档。

The library has been integrated with codegen. Please refer to the documentation for details.

## 请悉知 / Acknowledgements

本项目基于 [The MIT License (MIT)](https://github.com/cooperka/react-native-snackbar/blob/main/LICENSE) ，请自由地享受和参与开源。
npm package: @react-native-oh-tpl/react-native-sound-player
Description: Play or stream audio files in ReactNative on harmony
Latest version: 0.14.6

# @react-native-oh-tpl/react-native-sound-player
This project is based on  [react-native-sound-player](https://github.com/johnsonsu/react-native-sound-player).
## Documentation
[中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-sound-player.md).

[English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-sound-player.md).

## License
This library is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-sound-player/blob/sig/LICENSE).