open-index/open-npm huggingface dataset:
npm package: @see_you/react-native-charts-wrapper
Description: A react-native charts support both android and iOS.
Author: chenxiang
Latest version: 1.0.8

# React Native Charts Wrapper

> **📢 重要更新**: 这是一个维护版本，修复了 TypeScript 定义文件中的 JSDoc 注释格式问题。原仓库请访问：[wuxudong/react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper)

This library is React Native wrapper of popular Native charting library [MPAndroidChart](https://github.com/PhilJay/MPAndroidChart) and [Charts](https://github.com/danielgindi/Charts)

## Recent Updates

### v1.0.2 (Latest)
- ✅ 更新BarChart组件，新增圆角半径属性并优化数据提取逻辑
- ✅ 新增BaseBarRenderer类以支持自定义条形图的高亮和绘制功能
- ✅ 优化CustomMarker的布局参数，调整边距和内边距以改善外观
- ✅ 增强LineChart和BarChart组件的新功能
- ✅ 新增自定义markerview及高亮整组功能

### v1.0.1
- ✅ Fixed JSDoc comment format in `index.d.ts`
- ✅ Corrected `@platform` tag syntax from `{ios}` to `ios`
- ✅ Updated comment blocks from `/* */` to `/** */` format
- ✅ Improved TypeScript definition documentation

## Introduction

Inspired by [react-native-mp-android-chart](https://github.com/mskec/react-native-mp-android-chart) and [react-native-ios-charts](https://github.com/Jpadilla1/react-native-ios-charts)

React Native Charts Wrapper is built on MPAndroidChart(v3.1.0) & Charts(v3.3.0), support both android & iOS.

## Installation

### iOS

1. 安装依赖：
```bash
npm install @see_you/react-native-charts-wrapper
# 或者
yarn add @see_you/react-native-charts-wrapper
```

2. **重要**: 在您的 iOS 项目的 Podfile 中指定 DGCharts 的 git 源：

```ruby
# 在 Podfile 中添加以下行
pod 'DGCharts', :git => 'https://github.com/web-iou/Charts.git', :branch => 'master'
```

> **⚠️ 重要说明**: 由于本库覆写了 DGCharts 的高亮方法，必须使用我们修改过的 Charts 仓库版本，该版本已开放类下的方法覆写权限。请务必使用指定的 git 源，不要使用官方版本。

3. 运行 pod install：
```bash
cd ios && pod install
```

### 详细配置说明

#### 方法一：在 Podfile 中直接指定

在您的 iOS 项目的 Podfile 中添加以下行（建议放在 target 块之前）：

```ruby
# 指定 DGCharts 的 git 源
pod 'DGCharts', :git => 'https://github.com/web-iou/Charts.git', :branch => 'master'
```

#### 为什么必须使用指定的 git 源？

本库对 DGCharts 进行了以下重要修改：

1. **开放方法覆写权限**: 修改了类的访问控制，允许子类覆写高亮相关方法
2. **自定义高亮逻辑**: 实现了自定义的高亮显示功能
3. **增强交互体验**: 提供了更丰富的图表交互功能

如果使用官方 DGCharts 版本，将会出现编译错误或功能异常。


### 注意事项

- **必须使用指定的 git 源**: 由于覆写了高亮方法，必须使用我们修改过的 Charts 仓库版本
- 确保您的网络连接正常，因为需要从 GitHub 下载 Charts 仓库
- 如果下载速度较慢，可以考虑使用镜像源或 VPN
- 建议使用 `:branch => 'master'` 来获取最新版本，或者指定具体的 tag 来确保版本一致性
- 如果遇到编译错误，请检查是否正确配置了 DGCharts 的 git 源

### Android

Android 配置保持不变，无需额外配置。
npm package: @see_you/react-native-picker
Description: A Native Picker with high performance. (Fork with fixes)
Author: web-iou
Latest version: 1.0.4

# react-native-picker

[![npm version](https://img.shields.io/npm/v/@see_you/react-native-picker.svg)](https://www.npmjs.com/package/@see_you/react-native-picker)
[![npm](https://img.shields.io/npm/dependency-version/see_you/react-native-picker)](https://www.npmjs.com/package/react-native-picker)

A Native Picker with high performance for React Native.

## Preview

![Android Demo](./doc/ezgif-853dbf1339b3a6.gif)

## 🚀 Improvements Over Original

This is a fork of [beefe/react-native-picker](https://github.com/beefe/react-native-picker) with the following enhancements:

- **Fixed overlay rendering issues** - Resolves white screen problems that may occur in renderer
- **Android row height support** - Added support for customizing row height on Android platform
- **Better performance** - Optimized rendering with overlay
- **Enhanced stability** - Fixed various edge cases and crashes

## 📦 Installation

```bash
npm install @see_you/react-native-picker --save
```

## 🔗 Linking

### React Native 0.60+

No manual linking required - it's automatic!

### React Native < 0.60

```bash
react-native link @see_you/react-native-picker
```

## 📱 Platform Support

| Platform | Version |
| -------- | ------- |
| iOS      | 8.0+    |
| Android  | 4.1+    |

## 🎯 Usage

### Basic Example

```javascript
import Picker from "@see_you/react-native-picker";

// Simple data array
let data = [];
for (let i = 0; i < 100; i++) {
  data.push(i);
}

Picker.init({
  pickerData: data,
  selectedValue: [59],
  onPickerConfirm: (data) => {
    console.log("Selected:", data);
  },
  onPickerCancel: (data) => {
    console.log("Cancelled:", data);
  },
  onPickerSelect: (data) => {
    console.log("Selected:", data);
  },
});

Picker.show();
```
npm package: @see_you/react-native-textinput
Description: a custom textinput component for react-native
Author: chenxiang
Latest version: 0.1.1

# react-native-textinput

111

## Installation


```sh
npm install react-native-textinput
```


## Usage


```js
import { TextinputView } from "react-native-textinput";

// ...

<TextinputView color="tomato" />
```


## Contributing

- [Development workflow](CONTRIBUTING.md#development-workflow)
- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
- [Code of conduct](CODE_OF_CONDUCT.md)

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)