open-index/open-npm huggingface dataset:
npm package: @react-native-oh-tpl/react-native-splash-screen
Description: A splash screen for react-native, hide when application loaded ,it works on iOS and Android.
Author: crazycodeboy
Latest version: 3.3.0-0.0.2

# @react-native-oh-tpl/react-native-splash-screen
This project is based on  [react-native-splash-screen](https://github.com/crazycodeboy/react-native-splash-screen)
## Documentation
[中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-splash-screen.md)

[English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-splash-screen.md)

## License
This library is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-splash-screen/blob/sig/LICENSE).
npm package: @react-native-oh-tpl/react-native-sqlite-storage
Description: SQLite3 bindings for React Native (Android & iOS)
Author: Andrzej Porebski
Latest version: 6.0.1-0.1.1

# @react-native-oh-tpl/react-native-sqlite-storage

This project is based on [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage)

## Documentation

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

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

## License

This library is licensed under [MIT License (MIT)](https://github.com/react-native-oh-library/react-native-sqlite-storage/blob/sig/LICENSE).
npm package: @react-native-oh-tpl/react-native-ssl-pinning
Description: React Native module for harmony
Author: Max Toyberman
Latest version: 1.5.7-0.0.2

# @react-native-ohos/react-native-ssl-pinning

This project is based on [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning/tree/master)

## Documentation

- [中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-ssl-pinning.md)

- [English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-ssl-pinning.md)

## License

This library is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-ssl-pinning/blob/sig/LICENSE)
npm package: @react-native-oh-tpl/react-native-status-bar-height
Description: Get status bar height for React Native App
Author: Dmitry Patsura
Latest version: 2.6.0-0.0.1-rc.1

# @react-native-oh-tpl/react-native-status-bar-height

This project is based on [react-native-status-bar-height](https://github.com/ovr/react-native-status-bar-height/tree/v2.6.0)

## Documentation

- [中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-status-bar-height.md)

- [English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-status-bar-height.md)

## License

This library is licensed under [The MIT License (MIT)](https://github.com/ovr/react-native-status-bar-height?tab=readme-ov-file#license)
npm package: @react-native-oh-tpl/react-native-stickyheader
Description: stickyheader
Author: jiasong
Latest version: 1.1.3-0.0.1
Deprecated: false

# react-native-stickyheader
[![](https://img.shields.io/npm/dm/react-native-stickyheader.svg?style=flat-square)](https://www.npmjs.com/package/react-native-stickyheader)

# 介绍

此组件实现类似React Native ScrollView组件的吸顶效果。
使用原生驱动动画，支持FlatList,SectionList,ListView等有`onScroll`方法的组件。

## 效果

| iOS | Android |
| --- | ------- |
| ![](./example/demo_ios.gif) | ![](./example/demo_android.gif) |

# Example

```js

import React, { useState, useCallback, useRef, useEffect } from 'react';
import { StyleSheet, Text, View, FlatList, Animated } from 'react-native';

import StickyHeader from 'react-native-stickyheader';

function App() {
  const scrollY = useRef(new Animated.Value(0));
  const [data, setData] = useState([]);

  useEffect(() => {
    let array = [];
    for (let index = 0; index < 100; index++) {
      array.push(index);
    }
    setData(array);
  }, []);

  const renderItem = useCallback((info) => {
    return (
      <View style={{ height: 50, backgroundColor: '#ffffff' }}>
        <Text>{info.item}</Text>
      </View>
    );
  }, []);

  const keyExtractor = useCallback((item, index) => {
    return index + '';
  }, []);

  return (
    <View style={styles.container}>
      <View style={{ height: 64, backgroundColor: '#973444' }} />
      <Animated.ScrollView
        onScroll={Animated.event(
          [
            {
              nativeEvent: { contentOffset: { y: scrollY.current } },
            },
          ],
          { useNativeDriver: true },
        )}
        scrollEventThrottle={1}
      >
        <Text>文字</Text>
        <Text>文字</Text>
        <Text>文字</Text>
        <Text>文字</Text>
        <StickyHeader
          stickyHeaderY={60} // 滑动到多少悬浮
          stickyScrollY={scrollY.current}
        >
          <View style={{ height: 60, backgroundColor: '#d22222' }} />
        </StickyHeader>
        <FlatList
          data={data}
          keyExtractor={keyExtractor}
          renderItem={renderItem}
        />
      </Animated.ScrollView>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#ffffff',
    justifyContent: 'center',
  },
});



```
**Note:** `scrollEventThrottle={1}`此属性必须设置且为1,因为要保证有足够的偏移量回调。


# react-native-stickyheader 的原理

待整理


## Installation

```
$ npm install react-native-stickyheader --save
```


## Usage (API)

此组件有以下属性：

| Property | Type | Required | Description |
| -------- | ---- | -------- | ----------- |
| `stickyHeaderY` | `number` | NO | 滑动到多少悬浮  |
| `stickyScrollY` | `any` | Yes | 动画的ScrollY回调 |

## 更新
### 1.1.0

- 支持安卓 

### 1.0.3

- bug修改

### 1.0.0

- 吸顶效果

### 1.1.2

- 简化组件

### 1.1.3

- react hook 

## Contributing

此组件受到ScrollView组件启发而成。如果觉得好用,请点一个star,有bug的话请提issue，我会尽快解决。
npm package: @react-native-oh-tpl/react-native-swiper
Description: Swiper component for React Native.
Latest version: 1.6.1-rc.1

# @react-native-oh-tpl/react-native-swiper

This project is based on [react-native-swiper v1.6.0](https://github.com/leecade/react-native-swiper/releases/tag/v1.6.0)

## Documentation

- [中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-swiper.md)

- [English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-swiper.md)

## License

This library is licensed under [The MIT License (MIT)](https://github.com/leecade/react-native-swiper/blob/master/LICENSE)
npm package: @react-native-oh-tpl/react-native-switch-pro
Description: an universal switcher for andriod and iOS
Author: poberwong
Latest version: 1.0.5-0.0.1

# @react-native-oh-tpl/react-native-switch-pro

This project is based on [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)

## Documentation 

[中文 ](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-switch-pro.md)

[ English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-switch-pro.md)


## License

This library is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-switch-pro/blob/sig/LICENSE) .
npm package: @react-native-oh-tpl/react-native-syan-image-picker
Description: React-Native 多图片选择 支持裁剪 压缩
Author: syan
Latest version: 0.5.3-0.0.4

# @react-native-oh-tpl/react-native-syan-image-picker

This project is based on [react-native-syan-image-picker](https://github.com/syanbo/react-native-syan-image-picker)

## Documentation
[中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-syan-image-picker.md)

[English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-syan-image-picker.md)

## License
This library is licensed under [MIT License (MIT)](https://github.com/react-native-oh-library/react-native-syan-image-picker/blob/sig/LICENSE).
npm package: @react-native-oh-tpl/react-native-tab-navigator
Description: A tab bar that switches between scenes, written in JS for cross-platform support
Author: James Ide
Latest version: 0.3.4-0.0.2

# @react-native-oh-tpl/react-native-tab-navigator

This project is based on [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)

## Documentation

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

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

## License

This library is licensed under [The MIT License (MIT)](https://github.com/ptomasroos/react-native-tab-navigator/blob/master/LICENSE)
npm package: @react-native-oh-tpl/react-native-tab-view
Description: Tab view component for React Native
Latest version: 3.5.2-0.1.3

# React Native Tab View

React Native Tab View is a cross-platform Tab View component for React Native implemented using [`react-native-pager-view`](https://github.com/callstack/react-native-viewpager) on Android & iOS, and [PanResponder](https://reactnative.dev/docs/panresponder) on Web, macOS, and Windows.

Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/tab-view/).
npm package: @react-native-oh-tpl/react-native-tcp-socket
Description: React Native TCP socket API for HarmonyOS with SSL/TLS support
Author: Rapsssito
Latest version: 6.2.0-0.0.3

# @react-native-oh-tpl/react-native-tcp-socket

This project is based on [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket)

## Documentation

- [中文](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-tcp-socket.md)

- [English](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-tcp-socket.md)

## License

This library is licensed under [The MIT License (MIT)](https://github.com/Rapsssito/react-native-tcp-socket/blob/master/LICENSE)
npm package: @react-native-oh-tpl/react-native-text-gradient
Description: Text gradient for React-Native
Author: iyegoroff
Latest version: 0.1.7-0.0.4

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