open-index/open-npm huggingface dataset:
npm package: @react-native-ohos/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.4.0

# @react-native-ohos/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://gitcode.com/openharmony-sig/rntpc_react-native-splash-screen/blob/master/LICENSE).
npm package: @react-native-ohos/react-native-sqlite-storage
Description: SQLite3 bindings for React Native (Android & iOS)
Author: Andrzej Porebski
Latest version: 6.0.2
Deprecated: This version has been deprecated

# @react-native-ohos/react-native-sqlite-storage

This project is based on [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage)@6.0.1

## Documentation

[中文](https://gitcode.com/OpenHarmony-RN/usage-docs/tree/master/zh-cn/react-native-sqlite-storage.md)

[English](https://gitcode.com/OpenHarmony-RN/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-ohos/react-native-ssl-pinning
Description: React Native module for harmony
Author: Max Toyberman
Latest version: 1.6.0

# @react-native-ohos/react-native-ssl-pinning

This project is based on [react-native-ssl-pinning@1.5.9](https://github.com/MaxToyberman/react-native-ssl-pinning/tree/v1.5.9)

## 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-ohos/react-native-status-bar-height
Description: Get status bar height for React Native App
Author: Dmitry Patsura
Latest version: 2.6.1

# @react-native-ohos/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-ohos/react-native-sticky-parallax-header
Description: This project is based on [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header)
Author: IdaszakDaniel
Latest version: 1.2.0

# @react-native-ohos/react-native-sticky-parallax-header

This project is based on [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header)

## Documentation

- [中文](https://gitcode.com/OpenHarmony-RN/usage-docs/blob/master/zh-cn/react-native-sticky-parallax-header.md)

- [English](https://gitcode.com/OpenHarmony-RN/usage-docs/blob/master/en/react-native-sticky-parallax-header.md)

## License

This library is licensed under [The MIT License (MIT)](https://github.com/netguru/sticky-parallax-header/blob/master/LICENSE)
npm package: @react-native-ohos/react-native-stickyheader
Description: stickyheader
Author: jiasong
Latest version: 1.2.0
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-ohos/react-native-svg-charts
Description: Customizable charts (Line, Bar, Area, Pie, Circle, Progress) for React Native
Author: Jesper Lekland
Latest version: 5.4.0

# @react-native-ohos/react-naitve-svg-charts

本项目基于 [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)

## 文档地址 / Documentation URL 

[中文 / Chinese](https://gitcode.com/OpenHarmony-RN/usage-docs/blob/master/zh-cn/react-native-svg-charts.md)

[英文 / English](https://gitcode.com/OpenHarmony-RN/usage-docs/blob/master/en/react-native-svg-charts.md)

## 请悉知 / Acknowledgements

本项目基于 [The MIT License (MIT)](https://github.com/JesperLekland/react-native-svg-charts/blob/dev/LICENSE) ，请自由地享受和参与开源。
npm package: @react-native-ohos/react-native-swipe-list-view
Description: A ListView with rows that swipe open and closed.
Author: Jesse Sessler
Latest version: 3.3.0

# @react-native-ohos/react-native-swipe-list-view

This project is based on [react-native-swipe-list-view@3.2.9](https://github.com/jemise111/react-native-swipe-list-view/tree/v3.2.9)

## Documentation

- [中文](https://gitcode.com/OpenHarmony-RN/usage-docs/blob/master/zh-cn/react-native-swipe-list-view.md)

- [English](https://gitcode.com/OpenHarmony-RN/usage-docs/blob/master/en/react-native-swipe-list-view.md)

## License

This library is licensed under [The MIT License (MIT)](https://github.com/jemise111/react-native-swipe-list-view/blob/master/LICENSE)
npm package: @react-native-ohos/react-native-swiper
Description: Swiper component for React Native.
Latest version: 1.6.1

# @react-native-ohos/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://gitcode.com/OpenHarmony-RN/usage-docs/blob/master/zh-cn/react-native-swiper.md)

- [English](https://gitcode.com/OpenHarmony-RN/usage-docs/blob/master/en/react-native-swiper.md)

## License

This library is licensed under [The MIT License](https://github.com/leecade/react-native-swiper/blob/master/LICENSE)
npm package: @react-native-ohos/react-native-switch-pro
Description: an universal switcher
Author: poberwong
Latest version: 1.1.0

# @react-native-ohos/react-native-switch-pro

This project is based on [react-native-switch-pro@1.0.5](https://github.com/poberwong/react-native-switch-pro)

## Documentation 

[中文 ](https://gitcode.com/OpenHarmony-RN/usage-docs/blob/master/zh-cn/react-native-switch-pro.md)

[ English](https://gitcode.com/OpenHarmony-RN/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-ohos/react-native-system-setting
Description: provide some system setting APIs. Volume, brightness, wifi, location, bluetooth, airplane...
Author: Ninty
Latest version: 1.8.0


# @react-native-ohos/react-native-system-setting

本项目基于 [react-native-system-setting@1.7.6](https://github.com/c19354837/react-native-system-setting/tree/V1.7.6)

## 文档地址 / Documentation URL 

[中文 / Chinese](https://gitcode.com/OpenHarmony-RN/usage-docs/blob/master/zh-cn/react-native-system-setting.md)

[英文 / English](https://gitcode.com/OpenHarmony-RN/usage-docs/blob/master/en/react-native-system-setting.md)

## 请悉知 / Acknowledgements

本项目基于 [The MIT License (MIT)](https://github.com/c19354837/react-native-system-setting/blob/master/LICENSE.md) ，请自由地享受和参与开源。
npm package: @react-native-ohos/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.5

# @react-native-ohos/react-native-tab-navigator

This project is based on [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)

## Documentation

- [中文](https://gitcode.com/OpenHarmony-RN/usage-docs/blob/master/zh-cn/react-native-tab-navigator.md)

- [English](https://gitcode.com/OpenHarmony-RN/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-ohos/react-native-tab-view
Description: Tab view component for React Native
Latest version: 4.0.12

# @react-native-ohos/react-native-tab-view
This project is based on [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/main/packages/react-native-tab-view)
## Documentation
[中文](https://gitcode.com/OpenHarmony-RN/usage-docs/blob/master/zh-cn/react-native-tab-view.md)

[English](https://gitcode.com/OpenHarmony-RN/usage-docs/blob/master/en/react-native-tab-view.md)

## License
This library is licensed under [The MIT License (MIT)](https://opensource.org/license/MIT).
npm package: @react-native-ohos/react-native-tcp-socket
Description: React Native TCP socket API for HarmonyOS with SSL/TLS support
Latest version: 6.3.1

# @react-native-ohos/react-native-tcp-socket

This project is based on [react-native-tcp-socket@6.3.0](https://github.com/Rapsssito/react-native-tcp-socket/tree/v6.3.0)

## 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)