https://github.com/24jieqi/react-native-xiaoshu

🌈 React Native UI library
https://github.com/24jieqi/react-native-xiaoshu

android ios react react-native typescript ui ui-components

Last synced: 1 day ago
JSON representation

🌈 React Native UI library

• Host: GitHub
• URL: https://github.com/24jieqi/react-native-xiaoshu
• Owner: 24jieqi
• License: apache-2.0
• Created: 2021-07-12T09:32:00.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-10-29T14:51:36.000Z (3 months ago)
• Last Synced: 2025-01-18T20:46:20.702Z (8 days ago)
• Topics: android, ios, react, react-native, typescript, ui, ui-components
• Language: TypeScript
• Homepage: https://24jieqi.github.io/react-native-xiaoshu/
• Size: 16.8 MB
• Stars: 251
• Watchers: 9
• Forks: 23
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • Changelog: changelog.config.js
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        






小暑 xiǎo shǔ




React Native UI library



[xiaoshu-npm-url]: https://www.npmjs.com/package/@fruits-chain/react-native-xiaoshu



[![](https://img.shields.io/npm/v/@fruits-chain/react-native-xiaoshu.svg)][xiaoshu-npm-url]

[![](https://img.shields.io/npm/dm/@fruits-chain/react-native-xiaoshu.svg)][xiaoshu-npm-url]

[![](https://img.shields.io/badge/language-typescript-blue.svg)](https://www.typescriptlang.org/)

[![install size](https://packagephobia.com/badge?p=@fruits-chain/react-native-xiaoshu)](https://packagephobia.com/result?p=@fruits-chain/react-native-xiaoshu)




[![Platform - Android](https://img.shields.io/badge/platform-Android-3ddc84.svg?logo=android)](https://www.android.com)

[![Platform - iOS](https://img.shields.io/badge/platform-iOS-000.svg?logo=apple)](https://developer.apple.com/ios)



![](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png)

![](./snapshoot.png)

## 特点

- 🛡 纯 TypeScript 实现

- 🌈 部分交互/组件支持函数方式调用

- 🎨 支持自定义主题

## 安装

```bash

## react-native-svg 需大于 12.4.1，结合项目的 React Native 选择一个合适的版本

yarn add @fruits-chain/react-native-xiaoshu react-native-safe-area-context react-native-svg rc-field-form

```

## 使用

```tsx

import React from 'react'

import { Provider, Button } from '@fruits-chain/react-native-xiaoshu'

const App: React.FC = () => {

  return (

    

      

    

  )

}

```

## Expo

- **Expo demo app**

SDK 52+



## 参与开发 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](http://makeapullrequest.com)

阅读更多[开发约定](./CONTRIBUTING.md)。