跳到主要内容

Confirmation 会话确认

呈现确认内容、操作入口与外部处理状态。

交互示例​

交互示例加载中…

用法​

<Confirmation
title="确认采用这份提纲?"
status={status}
onConfirm={handleConfirm}
onCancel={handleCancel}
>
<Text>提纲包含背景、方案和下一步三部分。</Text>
</Confirmation>

行为与接入​

status 必须由调用方提供,可为 pending、processing、confirmed 或 cancelled。待确认时提供相应回调才显示操作入口,按钮默认文案为“确认”和“取消”。

点击只交付事件,不将状态自动改成已确认。确认对象是否仍有效、是否允许提交、请求结果与最终状态由业务场景维护;列表行卸载不应丢失这些状态。

API​

查看完整 TypeScript 类型

以下内容由包根公开类型生成,与当前源码保持一致。

import type { ReactNode } from 'react';

import type { StyleProp, ViewStyle } from 'react-native';

export type ConfirmationStatus =
'pending' | 'processing' | 'confirmed' | 'cancelled';

export interface ConfirmationProps {
title: string;
children: ReactNode;
status: ConfirmationStatus;
onConfirm?(): void;
onCancel?(): void;
confirmLabel?: string;
cancelLabel?: string;
confirmDisabled?: boolean;
cancelDisabled?: boolean;
statusText?: string;
footer?: ReactNode;
style?: StyleProp<ViewStyle>;
testID?: string;
}