Result-Result page component
Effect demonstration
1. Success page
<Result type="success" title="Success" content="You can click the button to see more" />
2. Failure page
<Result type="fail" title="Failed" content="You can click the button to see more" />
3. In progress
<Result type="process" title="In progress" content="You can click the button to see more" />
4. Display action items
<Result type="process" title="In progress" content="You can click the button to see more" />
API
| Properties | Required | Description | Type | Default Value |
|---|---|---|---|---|
| type | true | Type of result page (success, failure, in progress) | success | fail | process | |
| title | false | main text | ReactNode | |
| content | false | content text | ReactNode | |
| imgSource | false | Custom image | Source | |
| actions | false | Action button group | ActionButtonProps | |
| containerStyle | false | container style | ViewStyle |
ActionButtonProps
| Properties | Required | Description | Type | Default Value |
|---|---|---|---|---|
| title | true | button text | string | |
| type | true | button type | primary | secondary | |
| onPress | true | Button click event | () => void |