react naive 库

references

• https://material.io/components/buttons/
• https://github.com/Monte9/react-native-ratings
• https://mobile.ant.design/docs/react/introduce-cn
• https://react-native-training.github.io/react-native-elements/docs/labels.html

搭建组件库用 typescript 进行编写

• 搭建 react-native + typescript
• 安装 storybook 进行调试

使用

安装 npm i react-native-ks-ec 或者 yarn add react-native-ks-ec

Button

| 属性 | 说明 | 类型 | 默认值 | | ------------------ | ------------------------------------------------------------ | ----------------- | ------- | | text | 按钮文字（必填） | string | "" | | onPress | 点击按钮的回调函数 (必填) | (e:object): void | 无 | | type | 按钮类型：可选值为container、outline、text | string | container | | size | 按钮大小：large、middle、small | string | large | | viewStyles | 自定义按钮样式 | object | 无 | | textStyles | 自定义按钮文字样式 | object | 无 | | theme | 样式类型：primary、link、 success | string | primary | | disabledViewStyles | 按钮禁用的按钮样式 | object | 无 | | disabledTextStyles | 按钮禁用的按钮文字样式 | object | 无 | | disabled | 设置按钮是否禁用 | boolean | false | | iconLeft | 按钮文字左侧带的图标 | Image 图片 | 无 | | iconLeftStyle | 自定义的左侧图标样式 | object | 无 | | iconRight | 按钮文字右侧带的图标 | Image 图片 | 无 | | iconRightStyle | 自定义右侧图标样式 | object | 无 |