React-Smart

简介

一套纯JS实现的ReactNative快速开发组件库，无需任何原生工程代码，即可达到Android/iOS双平台一致的UI效果。

$3

yarn add react-smart
或
npm install react-smart --save

特性

- 路由
- Actions
- Router
- Scene
- 浮动层
- Toast 轻提示
- Spin 页面加载
- SpinProgress 页面进度加载
- Dialog 对话框
- ActionSheet 弹出选择
- Popup
- ui组件
- TopBar 标题栏
- ProgressCircle 圆形加载
- GridView 可拖拽网格布局
- Button 按钮
- CheckBox 复选框
- Switch 开关
- TouchableView 点击组件
- LockPattern 手势解锁
- RowGroup
- ActivityIndicator 活动指示器
- NumberInput 计数组件
- Slider 滑块
- PopTip 气泡提示
- 动态主题
- Theme
- 其他
- Http

效果预览

$3

!Theme

$3

!Toast

$3

!SpinProgress

$3

!Dialog

$3

!ActionSheet

$3

!TopBar

$3

!ProgressCircle

$3

!GridView

$3

!CheckBox

$3

!Switch

$3

!TouchableView

$3

!LockPattern

$3

!ActivityIndicator

$3

!NumberInput

$3

!Slider

$3

!PopTip

#### Android工程调整
TopBar组件在Android中有沉浸(默认)和染色两种状态栏模式,在Android4.4以后版本才能正常使用沉浸样式,若要兼容4.4及更更低版本,请设置TopBar模式为染色模式,或在中MainActivity中复写createReactActivityDelegate方法
``java
@Override
protected ReactActivityDelegate createReactActivityDelegate() {
return new ReactActivityDelegate(this, getMainComponentName()) {
@Nullable
@Override
protected Bundle getLaunchOptions() {
Bundle bundle = new Bundle();
bundle.putInt("Android_SDK_INT", Build.VERSION.SDK_INT);
return bundle;
}
};
}
``