基础UI库

安装

yarn add quec-app-basic-ui

版本记录

|版本号|功能|时间|作者|备注| |---|---|---|---|---| |1.0.0|首次创建|2022-07-08|king.pan & ives.li|无| |1.2.1|QBoolEnumBottomSheet添加选中功能|2023-02-27|Paul.dai|无| |1.3.0|1.增加倒计时选择器2.QBoolEnumBottomSheet 增加 closeOnPressMask 、itemSelectedContainerStyle 、selectedValue、selectedIcon、selectedIconStyle属性|2023-04-03|king.pan|无|

组件列表

|名称|组件说明|实现版本| |---|---|---| |QSwitch|开关组件|1.0.0| |QBottomSheet|底部弹框组件|1.0.0| |QWheel|滚轮组件|1.0.0| |QButton|按钮组件|1.0.0| |QImage|图片组件|1.0.0| |QDateTimePicker|时间滚轮组件|1.0.0| |QBoolEnumBottomSheet|布尔枚举型底部弹框，用于设置物模型布尔、枚举属性|1.1.0| |QIntegerWheelBottomSheet|整数型滚轮底部弹框，使用比较小的整数，适用场景设置温湿度等|1.0.0| |QConfirmDialog|确认弹出框|1.0.0| |QCell|左右结构的组件，例如左侧标题，右侧值；或者是左侧标题，右侧开关等|1.0.0| |QSearchBar|搜索框|1.0.0| |QToolTip|工具提示框|1.0.0| |QDivider|分割线|1.0.0| |QPermissionDialog|权限弹窗|1.0.0| |QInputDialog|输入弹框|1.0.0| |QAutoDragSortableView|拖拽组件|1.0.0| |QRuler|刻度组件|1.0.0| |QCountDownTimer|倒计时选择器|1.0.0|

组件依赖

"dependencies": {
    "moment": "^2.29.4",
    "react-native-localize": "^2.2.2",
    "react-fast-compare": "^3.2.0",
    "react-native-permissions": "3.6.1"
  }

1、moment 时间处理

yarn add moment

2、react-native-localize 获取系统是否24小时制等

yarn add react-native-localize

3、react-native-permissions 校验权限

yarn add react-native-permissions

4、安卓需要震动权限

<uses-permission android:name="android.permission.VIBRATE" />