react-native-xiaoshu
<div align="center"> <img src="./logo-xiaoshu.svg" width="120" /> </div> <h1 align="center">小暑 xiǎo shǔ</h1> <div align="center"> React Native UI library </div> [xiaoshu-npm-url]: https://www.npmjs.com/package/@fruits-chain/react-native-xiaoshu <div align="center"> [][xiaoshu-npm-url] [][xiaoshu-npm-url] [](https://www.typescriptlang.org/) [](https://packagephobia.com/result?p=@fruits-chain/react-native-xiaoshu) <br> [](https://www.android.com) [](https://developer.apple.com/ios) </div>   ## 特点 - 🛡 纯 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 ( <Provider> <Button text="普通按钮" type="primary" /> </Provider> ) } ``` ## Expo - **Expo demo app** SDK 53+ <img src="https://qr.expo.dev/eas-update?slug=exp&projectId=610e3121-d086-4484-8023-130dca7937ec&groupId=e1c786d5-e805-4833-a71c-22f98f33f413&host=u.expo.dev" alt="react-native-xiaoshu" width="200"> ## 参与开发 [](http://makeapullrequest.com) 阅读更多[开发约定](./CONTRIBUTING.md)。 ## Sponsors <ul style="list-style:none;padding:0;margin:0;"> <li style="display:flex;align-items:center;gap:16px;"> <img src="https://zhiyabonsai.com/images/icon.png" alt="知芽App-属于盆景爱好者的专业AI社区" width="48"> <a target="\_blank" rel="noopener" href="https://zhiyabonsai.com" style="color:#666;">知芽App-属于盆景爱好者的专业AI社区</a> </li> </ul>