{"id":13725800,"url":"https://github.com/rnxteam/rnx-ui","last_synced_at":"2025-05-07T21:30:28.913Z","repository":{"id":70751610,"uuid":"75990631","full_name":"rnxteam/rnx-ui","owner":"rnxteam","description":"A UI Lib for React Native","archived":false,"fork":false,"pushed_at":"2019-08-27T13:50:06.000Z","size":11078,"stargazers_count":72,"open_issues_count":3,"forks_count":21,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-05-05T03:03:16.321Z","etag":null,"topics":["component","library","react-native","react-native-ui","ui"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rnxteam.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-12-09T01:41:08.000Z","updated_at":"2025-03-19T08:52:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"b7d2f189-8bcc-4a11-8f21-aa1af141946d","html_url":"https://github.com/rnxteam/rnx-ui","commit_stats":null,"previous_names":[],"tags_count":16,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rnxteam%2Frnx-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rnxteam%2Frnx-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rnxteam%2Frnx-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rnxteam%2Frnx-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rnxteam","download_url":"https://codeload.github.com/rnxteam/rnx-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252957006,"owners_count":21831420,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component","library","react-native","react-native-ui","ui"],"created_at":"2024-08-03T01:02:35.721Z","updated_at":"2025-05-07T21:30:28.358Z","avatar_url":"https://github.com/rnxteam.png","language":"JavaScript","funding_links":[],"categories":["Mobile UI Components","JavaScript"],"sub_categories":["React Native"],"readme":"# rnx-ui\n\n[![Build Status](https://travis-ci.org/rnxteam/rnx-ui.svg?branch=master)](https://travis-ci.org/rnxteam/rnx-ui)\n[![npm](https://img.shields.io/npm/v/rnx-ui.svg?maxAge=60)](https://www.npmjs.com/package/rnx-ui)\n[![npm](https://img.shields.io/npm/dt/rnx-ui.svg?maxAge=60)](https://www.npmjs.com/package/rnx-ui)\n[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/rnxteam/rnx-ui/master/LICENSE)\n\nA UI Lib for React Native\n\n## Start\n\n### 1. Install\n\n```\nnpm install rnx-ui --save\n```\n\n### 2. Use\n\n```js\nimport React, {\n  Component,\n} from 'react';\nimport Btn from 'rnx-ui/Btn';\n\nfunction Demo(props) {\n  return \u003cBtn /\u003e;\n}\n```\n\n## Demo\n\n将项目克隆至本地后：\n\n### 1. Install\n\n```\nnpm install\n```\n\n### 2. Run\n\n```\nreact-native run-ios\n```\n\n## Overview\n\n`🖌` designing(6) `🛠` developing(1) `✅` done(32)\n\n### Component\n\nName       | Description | State\n---------- | ----------- | -----\n[ActionSheet](https://github.com/rnxteam/rnx-ui/tree/master/ActionSheet)     | 上拉按钮组 | ✅\n[AddAndSubtract](https://github.com/rnxteam/rnx-ui/tree/master/AddAndSubtract)      | 加减法动画组件 | ✅\n[Alert](https://github.com/rnxteam/rnx-ui/tree/master/Alert)      | 警告弹框 | ✅\n[All](https://github.com/rnxteam/rnx-ui/tree/master/All)      | 页面容器 | ✅\n[Badge](https://github.com/rnxteam/rnx-ui/tree/master/Badge)      | 角标 | ✅\n[Btn](https://github.com/rnxteam/rnx-ui/tree/master/Btn)        | 按钮 | ✅\n[CardView](https://github.com/rnxteam/rnx-ui/tree/master/CardView)        | 卡片视图 | ✅\n[Checkbox](https://github.com/rnxteam/rnx-ui/tree/master/Checkbox)  | 选择框 | 🖌\n[Confirm](https://github.com/rnxteam/rnx-ui/tree/master/Confirm)  | 确认弹框 | ✅\n[Dialog](https://github.com/rnxteam/rnx-ui/tree/master/Dialog)        | 对话框 | ✅\n[Drop](https://github.com/rnxteam/rnx-ui/tree/master/Drop)        | 掉落动画组件 | ✅\n[DynamicText](https://github.com/rnxteam/rnx-ui/tree/master/DynamicText) | 文本框（滚动显示过长文字）| ✅\n[HeaderedSheet](https://github.com/rnxteam/rnx-ui/tree/master/HeaderedSheet)        | 有标题栏的底部弹层 | ✅\n[Icon](https://github.com/rnxteam/rnx-ui/tree/master/Icon)  | 字体图标 | 🖌\n[ImgHolder](https://github.com/rnxteam/rnx-ui/tree/master/ImgHolder)  | 带占位的图片 | ✅\n[ImgPicker](https://github.com/rnxteam/rnx-ui/tree/master/ImgPicker)  | 图片选择组件 | ✅\n[ImgRollView](https://github.com/rnxteam/rnx-ui/tree/master/ImgRollView)  | 图片选择组件 | ✅\n[KeyboardAdaptiveView](https://github.com/rnxteam/rnx-ui/tree/master/KeyboardAdaptiveView)        | 适应键盘的容器 | ✅\n[Loading](https://github.com/rnxteam/rnx-ui/tree/master/Loading) | 菊花加载中动画 | ✅\n[LoadingBtn](https://github.com/rnxteam/rnx-ui/tree/master/LoadingBtn) | 带菊花图的按钮 | 🖌\n[NavBar](https://github.com/rnxteam/rnx-ui/tree/master/NavBar)     | 导航栏 | ✅\n[Number](https://github.com/rnxteam/rnx-ui/tree/master/Number)     | 数字 | 🛠\n[NumericKeyboard](https://github.com/rnxteam/rnx-ui/tree/master/NumericKeyboard)  | 虚拟数字键盘 | ✅\n[Overlay](https://github.com/rnxteam/rnx-ui/tree/master/Overlay)     | 遮罩层 | ✅\n[PhoneNumInput](https://github.com/rnxteam/rnx-ui/tree/master/PhoneNumInput)     | 手机号码输入框 | ✅\n[PlaceholderInput](https://github.com/rnxteam/rnx-ui/tree/master/PlaceholderInput)     | 可以自定义占位元素的输入框 | ✅\n[PlaceholderText](https://github.com/rnxteam/rnx-ui/tree/master/PlaceholderText)     | 有占位元素的文本显示组件 | ✅\n[Progress](https://github.com/rnxteam/rnx-ui/tree/master/Progress)  | 进度条 | ✅\n[RefreshView](https://github.com/rnxteam/rnx-ui/tree/master/RefreshView)     | 滚动列表（带下拉刷新、上拉加载） | ✅\n[Select](https://github.com/rnxteam/rnx-ui/tree/master/Select)  | 选择器（带有向上弹出和向下隐藏的动画、遮罩、取消确定标题栏） | 🖌\n[Sheet](https://github.com/rnxteam/rnx-ui/tree/master/Sheet)     | 底部弹层 | ✅\n[SlideMenu](https://github.com/rnxteam/rnx-ui/tree/master/SlideMenu)  | 侧滑菜单 | 🖌\n[SmsCaptchaInput](https://github.com/rnxteam/rnx-ui/tree/master/SmsCaptchaInput)        | 短信验证码输入框 | ✅\n[TabBar](https://github.com/rnxteam/rnx-ui/tree/master/TabBar)     | 横向点击栏 | ✅\n[ToolTip](https://github.com/rnxteam/rnx-ui/tree/master/ToolTip)     | 提示框 | ✅\n[VirtualPasswordInput](https://github.com/rnxteam/rnx-ui/tree/master/VirtualPasswordInput)  | 虚拟密码输入框 | ✅\n[Web](https://github.com/rnxteam/rnx-ui/tree/master/Web)  | 类微信浏览器 | 🖌\n\n### Util\n\nName       | Description | State\n---------- | ----------- | -----\n[transPxToDp](https://github.com/rnxteam/rnx-ui/tree/master/util/transPxToDp)      | 像素（px）转虚拟像素（dp）方法 | ✅\n[Validator](https://github.com/rnxteam/rnx-ui/tree/master/util/Validator)      | 表单校验工具 | ✅\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frnxteam%2Frnx-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frnxteam%2Frnx-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frnxteam%2Frnx-ui/lists"}