Skip to content

Commit bbad461

Browse files
cuilanxincuilanxin
authored
doc: Update document example & Remove redundant code. (#222)
* 编写选项卡组件 * 类型名称请调整，添加组件文档在网站上展示 * #162修复报错 * fix:#162修复报错 * SpeedDial 悬浮标记 * 优化类型 * feat(ActionSheet): Add new component. * fix: ActionSheet 实例优化，组件优化 * feat(SearchInputBar): Add new component. * feat(Pagination): Add new component. * fix(Tooltip): 修复cloud弹出元素位置问题 * doc(Drawer): Update README.md * doc: Update README.md
1 parent 52a6298 commit bbad461

File tree

20 files changed

+115
-67
lines changed

20 files changed

+115
-67
lines changed

‎packages/core/src/Avatar/README.md‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,6 @@ function Demo() {
1616
<View style={{ flexDirection: 'row' }}>
1717
<Avatar src="https://xx.images.com/xxx/icon.png" />
1818
<Avatar src={uri} />
19-
<Avatar src={require('./1.png')} />
2019
</View>
2120
);
2221
}

‎packages/core/src/Drawer/README.md‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,75 @@ function Demo() {
5454
}
5555
```
5656

57+
## 注意事项 - 抽屉高度是页面有效高度
58+
```jsx
59+
import { Fragment } from 'react';
60+
import { View, Text, SafeAreaView } from 'react-native';
61+
import { Drawer, Button } from '@uiw/react-native';
62+
63+
function Demo() {
64+
const [visible, setVisible] = useState(false);
65+
return (
66+
<SafeAreaView style={{flex: 1}}>
67+
<Drawer
68+
isOpen={visible}
69+
onChange={(isOpen) => setVisible(isOpen)}
70+
>
71+
<View>
72+
<Text>左边打开抽屉内容</Text>
73+
</View>
74+
</Drawer>
75+
<Button onPress={() => setVisible(!visible)}>左边打开抽屉</Button>
76+
</SafeAreaView>
77+
);
78+
}
79+
```
80+
## 抽屉覆盖全屏
81+
- 可查看 [react-native-root-siblings](https://www.npmjs.com/package/react-native-root-siblings) 文档
82+
```jsx
83+
// 在 App.js 文件中
84+
import React from 'react';
85+
import {Provider} from 'react-redux';
86+
import {store} from './models';
87+
import {RootSiblingParent} from 'react-native-root-siblings';
88+
89+
export default () => {
90+
return (
91+
<Provider store={store}>
92+
<RootSiblingParent>
93+
{/* ...你的导航之类的组件 */}
94+
</RootSiblingParent>
95+
</Provider>
96+
);
97+
};
98+
99+
100+
// 在使用组件页面
101+
import { Fragment } from 'react';
102+
import { View, Text, SafeAreaView } from 'react-native';
103+
import { Drawer, Button } from '@uiw/react-native';
104+
import {RootSiblingPortal} from 'react-native-root-siblings';
105+
106+
function Demo() {
107+
const [visible, setVisible] = useState(false);
108+
return (
109+
<SafeAreaView>
110+
<RootSiblingPortal>
111+
<Drawer
112+
isOpen={visible}
113+
onChange={(isOpen) => setVisible(isOpen)}
114+
>
115+
{/* SafeAreaView 这样做是有必要的，因为手机时间是需要与内容分开的，除非你并不需要 */}
116+
<SafeAreaView>
117+
<Text>左边打开抽屉内容</Text>
118+
</SafeAreaView>
119+
</Drawer>
120+
</RootSiblingPortal>
121+
<Button onPress={() => setVisible(!visible)}>左边打开抽屉</Button>
122+
</SafeAreaView>
123+
);
124+
}
125+
```
57126
## props
58127

59128
| 参数 | 说明 | 类型 | 默认值 |

‎packages/core/src/Ellipsis/README.md‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@ Ellipsis 超出省略
77

88
```jsx
99
import { Fragment } from 'react';
10-
import { View, Text } from 'react-native';
1110
import { Ellipsis } from '@uiw/react-native';
1211

1312
function Demo() {

‎packages/core/src/Empty/README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -112,6 +112,7 @@ class Demo extends Component {
112112
<!--DemoStart-->
113113
```js
114114
import { Empty } from '@uiw/react-native';
115+
import {View, Text } from 'react-native';
115116

116117
class Demo extends Component {
117118
render() {

‎packages/core/src/Input/README.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,10 @@ import { View, Input } from '@uiw/react-native';
1313
export default class BasicInputExample extends React.Component {
1414
render() {
1515
return <View>
16-
<Input style={styles.input} onChange={(value) => {this.setState({value})}} value={this.state.value} />
17-
<Input style={styles.input} extra="小数" />
18-
<Input style={styles.input} error />
19-
<Input style={styles.input} type="phone" />
16+
<Input onChange={(value) => {this.setState({value})}} value={this.state.value} />
17+
<Input extra="小数" />
18+
<Input error />
19+
<Input type="phone" />
2020
</View>
2121
}
2222
}

‎packages/core/src/Loader/README.md‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -26,14 +26,11 @@ function Demo() {
2626

2727
<!--DemoStart-->
2828
```jsx
29-
import { View } from 'react-native';
3029
import { Button，Loader } from '@uiw/react-native';
3130

3231
function Demo() {
3332
return (
34-
<View style={{ minHeight: 60 }}>
35-
<Loader color="red" />
36-
</View>
33+
<Loader color="red" />
3734
);
3835
}
3936
```

‎packages/core/src/MaskLayer/README.md‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,9 @@ MaskLayer 遮罩层
77

88
<!--DemoStart-->
99
```jsx
10-
import React, { Component, Fragment } from 'react';
11-
import { View, Text, Alert, SafeAreaView } from 'react-native';
12-
import { Modal, Button, MaskLayer } from '@uiw/react-native';
10+
import { Fragment } from 'react';
11+
import { Text, SafeAreaView } from 'react-native';
12+
import { Button, MaskLayer } from '@uiw/react-native';
1313

1414
export default () => {
1515
const [visible, setVisible] = useState(true);
@@ -20,7 +20,9 @@ export default () => {
2020
onDismiss={() => {
2121
setVisible(false);
2222
}}>
23+
<SafeAreaView>
2324
<Text style={{color: '#fff'}}>展示内容</Text>
25+
</SafeAreaView>
2426
</MaskLayer>
2527
<Button
2628
onPress={() => {

‎packages/core/src/Modal/README.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@ Modal 模态框
77

88
<!--DemoStart-->
99
```jsx
10-
import React, { Component, Fragment } from 'react';
11-
import { View, Text, Alert, SafeAreaView } from 'react-native';
10+
import { Component, Fragment } from 'react';
11+
import { View, Text, SafeAreaView } from 'react-native';
1212
import { Modal, Button } from '@uiw/react-native';
1313

1414
export default class ButtonGroupView extends Component {

‎packages/core/src/Result/README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ Result 结果页
77

88
```jsx
99
import { Text } from 'react-native';
10-
import { Result, Icon } from '@uiw/react-native';
10+
import { Result, Icon, Del } from '@uiw/react-native';
1111

1212
function Demo() {
1313
return (

‎packages/core/src/SearchBar/README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ SearchBar 模糊搜素组件
44
## 基础示例
55

66
```jsx
7-
import { Result, Icon } from '@uiw/react-native';
7+
import { SearchBar } from '@uiw/react-native';
88

99
function Demo() {
1010
return (

0 commit comments

Comments
 (0)