@uiw/react-native
Version:
UIW for React Native
37 lines (29 loc) • 956 B
Markdown
Result 结果页
---
在整张页面中组织插画、图标、文字等内容,向用户反馈操作结果。
<!--  -->
<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
### 基础示例
```jsx mdx:preview&background=#bebebe29
import React from 'react';
import { Text } from 'react-native';
import { Result, Icon } from '@uiw/react-native';
function Demo() {
return (
<Result
img={
<Icon name="pay-circle-o" size={60} fill='#008EF0'/>
}
title="支付成功"
message={<Text>998.00元 </Text>}
/>
);
}
export default Demo
```
### Props
| 参数 | 说明 | 类型 | 默认值 |
|------|------|-----|------|
| `img` | 插图元素 (可以为`<img src="" />`/`<Icon type="" />`等) | ReactNode | - |
| `title` | title 文案 | ReactNode | - |
| `message` | message 文案| ReactNode | - |