5步生成高转化“情感树洞”小程序前端代码
提示词描述：
针对移动端情感类应用开发场景，本提示词提供了一套结构化的前端开发指南。从组件设计到隐私加密，再到无障碍适配，全方位指导开发者构建一个既美观又安全、且具备高性能的“情感树洞”小程序，特别适合关注用户体验与数据安全的初创团队。
提示语关键词：
React Native开发, 小程序代码, 前端架构, 状态管理, 移动端UI设计, 隐私加密, 无障碍开发, AI生代码
提示词内容：
假设你是一位精通 React Native 与 UI/UX 设计的前端专家，专注于移动端心理健康类应用的开发。我需要你协助我编写一个名为“心灵树洞”的匿名情感倾诉小程序的前端核心代码。
请严格按照以下五个步骤进行代码生成与逻辑阐述：
**步骤一：组件化架构设计**
请设计一套高内聚、低耦合的组件库。重点包括“情绪日记卡片”、“匿名倾诉输入框”以及“治愈系回复流”组件。请提供“情绪日记卡片”的 React Native 代码，要求支持动态背景色渐变（根据用户选择的情绪类型，如忧郁蓝、愤怒红、平静绿自动切换），并包含平滑的过渡动画。
**步骤二：状态管理与数据流**
使用 Redux 或 Zustand 设计全局状态管理方案。核心状态需包括：当前用户的情绪画像、历史倾诉记录缓存、以及未读治愈回复数。请提供状态切片（Slice）的定义代码及异步获取数据的 Thunk 逻辑。
**步骤三：隐私保护与加密传输**
鉴于情感数据的敏感性，请在代码中实现端到端加密逻辑。编写一个加密工具类，在本地对用户的倾诉内容进行 AES 加密，仅将密文上传至服务器。请提供该工具类的 TypeScript 实现。
**步骤四：无障碍设计（A11y）适配**
考虑到部分用户可能处于情绪脆弱期，代码需严格遵循无障碍设计标准。请为所有交互元素添加 ARIA 标签，并确保色彩对比度符合 WCAG 2.1 AA 标准。请展示如何在一个复合组件中实现焦点管理。
**步骤五：性能优化策略**
针对长列表（如治愈回复流）可能出现的渲染卡顿问题，请提供基于 `FlatList` 的优化方案代码，包括虚拟化列表配置、防抖动搜索以及图片懒加载的实现细节。
请确保所有代码具备高可读性，并附带详细的注释说明设计意图。