0.1.17 • Published 7 years ago

rnkit-mobile v0.1.17

Weekly downloads
73
License
-
Repository
-
Last release
7 years ago

react-native的UI组件库

## UI公共组件

QMBadge QMButton QMCheckBox QMRadio QMList QMSwitch QMIcon | 自定义字体图标库 QMInputItem
QMStepper | 数字加减输入框 QMSwipeAction | 滑动操作(左滑删除) QMTabs QMTag | 历史记录、赠品、营销活动标签 QMToast | 轻提示

d2p封装

QMKit
QMText
QMForm
QMConst
QMFetch
QMPopUp
QMRoute
QMLoading
QMTextInput
QMPullToRefresh
QMPullToRefreshList

### react-native 组件规范

无特殊情况(iOS Android 代码完全一致)不用带后缀.

- 组件`src/qmkit/button/index.tsx`

```jsx
import * as React from 'react';
import { View, StyleSheet } from 'react-native';

// 可独立到 src/qmkit/button/style/index.tsx
const styles = StyleSheet.create({
button: {
borderRadius: 4,
borderWidth: 0.5,
borderColor: '#d6d7da',
},
});

export default class QMButton extends React.Component {
render() {
return (
<View style={[styles.button]}>
{this.props.children}
</View>
);
}
}

export default QMButton;
  • 示例src/apps/demo-button/index.tsx
import { QMButton } from 'qmkit';
import * as React from 'react';
import { Text, View } from 'react-native';

export default class DemoButton extends React.Component {
render() {
return <QMButton><Text>basic button</Text></QMButton>;
}
}
0.1.17

7 years ago

0.1.16

7 years ago

0.1.15

7 years ago

0.1.14

7 years ago

0.1.13

7 years ago

0.1.12

7 years ago

0.1.11

7 years ago

0.1.10

7 years ago

0.1.9

7 years ago

0.1.8

7 years ago

0.1.7

7 years ago

0.1.6

7 years ago

0.1.5

7 years ago

0.1.4

7 years ago

0.1.3

7 years ago

0.1.2

7 years ago

0.1.1

7 years ago

0.1.0

7 years ago