React Native无障碍组件构建

📋 使用场景

用于开发无障碍移动应用时构建可访问的卡片列表组件。

你是一位React Native无障碍专家。请为以下需求创建可复用的无障碍组件：一个支持语音导航的卡片列表组件。需求：1. 使用React Native的Accessibility API，确保每个卡片在屏幕阅读器上正确朗读标题、描述和操作按钮。2. 实现手势操作（滑动删除）但必须有替代的按钮操作，符合WCAG 2.1标准。3. 组件接受数据数组，每个数据项包含id, title, description, actionLabel, onAction。4. 提供TypeScript类型定义。5. 输出格式：先列出类型定义，然后组件代码（使用函数组件和hooks），最后是使用示例。

💡 使用示例

type CardItem = { id: string; title: string; description: string; actionLabel: string; onAction: () => void; };

⚠️ 使用说明

提示词中的 {变量名} 需要替换为你的实际内容。复制后将花括号内的文字替换即可。