Home

Awesome

rnx-ui

Build Status npm npm GitHub license

A UI Lib for React Native

Start

1. Install

npm install rnx-ui --save

2. Use

import React, {
  Component,
} from 'react';
import Btn from 'rnx-ui/Btn';

function Demo(props) {
  return <Btn />;
}

Demo

将项目克隆至本地后:

1. Install

npm install

2. Run

react-native run-ios

Overview

🖌 designing(6) 🛠 developing(1) done(32)

Component

NameDescriptionState
ActionSheet上拉按钮组
AddAndSubtract加减法动画组件
Alert警告弹框
All页面容器
Badge角标
Btn按钮
CardView卡片视图
Checkbox选择框🖌
Confirm确认弹框
Dialog对话框
Drop掉落动画组件
DynamicText文本框(滚动显示过长文字)
HeaderedSheet有标题栏的底部弹层
Icon字体图标🖌
ImgHolder带占位的图片
ImgPicker图片选择组件
ImgRollView图片选择组件
KeyboardAdaptiveView适应键盘的容器
Loading菊花加载中动画
LoadingBtn带菊花图的按钮🖌
NavBar导航栏
Number数字🛠
NumericKeyboard虚拟数字键盘
Overlay遮罩层
PhoneNumInput手机号码输入框
PlaceholderInput可以自定义占位元素的输入框
PlaceholderText有占位元素的文本显示组件
Progress进度条
RefreshView滚动列表(带下拉刷新、上拉加载)
Select选择器(带有向上弹出和向下隐藏的动画、遮罩、取消确定标题栏)🖌
Sheet底部弹层
SlideMenu侧滑菜单🖌
SmsCaptchaInput短信验证码输入框
TabBar横向点击栏
ToolTip提示框
VirtualPasswordInput虚拟密码输入框
Web类微信浏览器🖌

Util

NameDescriptionState
transPxToDp像素(px)转虚拟像素(dp)方法
Validator表单校验工具