@uiw/react-native
Version:
UIW for React Native
46 lines (34 loc) • 1.27 kB
Markdown
MenuDropdown
---
菜单下拉按钮
### 基础示例
<!--DemoStart-->
```jsx
import React, { Component } from 'react';
import { Text } from 'react-native';
export default class MenuDropdownView extends Component{
render() {
return (
<MenuDropdown title="菜单">
<MenuDropdown.Item><Text>首页</Text></MenuDropdown.Item>
<MenuDropdown.Item><Text>个人中心</Text></MenuDropdown.Item>
<MenuDropdown.Item><Text>列表</Text></MenuDropdown.Item>
</MenuDropdown>
);
}
}
```
<!--End-->
## props
组件继承 [`TouchableOpacity`](https://facebook.github.io/react-native/docs/touchableopacity#docsNav)
| 参数 | 说明 | 类型 | 默认值 |
|------|------|-----|------|
| `color` | 设置按钮颜色 | String | - |
| `title` | 按钮标题 | String | - |
| `textStyle` | 如果按钮内是文本,此样式可以设置文本样式 | `TextProps.Style` | - |
| `disabled` | 设置禁用 | Boolean | - |
| `loading` | 加载状态 | Boolean | - |
| `rounded` | 设置圆角 | Boolean/Number | `5` |
| `bordered` | 是否有边框 | Boolean | `true` |
| `size` | 按钮尺寸 | `small`, `default`, `large` | `default` |
| `type` | 按钮类型,可选值为 | `primary`, `success`, `warning`, `danger`, `light`, `dark` | - |