feat(ui): 添加挑战详情分享卡片功能和玻璃态按钮

- 实现挑战分享卡片截图生成,根据参与状态展示不同内容
- 已参与用户显示个人进度条和完成情况
- 未参与用户显示挑战详细信息和参与邀请
- 使用 GlassView 组件优化分享按钮和编辑按钮的视觉效果
- 添加 react-native-view-shot 支持视图截图
- 移除硬编码背景色,统一使用玻璃态交互效果
This commit is contained in:
richarjiang
2025-11-14 10:02:44 +08:00
parent 6ad77bc0e2
commit 6c2f9295be
2 changed files with 281 additions and 19 deletions

View File

@@ -243,7 +243,7 @@ export default function PersonalScreen() {
</View>
{isLgAvaliable ? (
<TouchableOpacity onPress={() => pushIfAuthedElseLogin('/profile/edit')}>
<GlassView style={styles.editButtonGlass}>
<GlassView style={styles.editButtonGlass} isInteractive>
<Text style={styles.editButtonTextGlass}>{profileActionLabel}</Text>
</GlassView>
</TouchableOpacity>
@@ -834,7 +834,6 @@ const styles = StyleSheet.create({
borderRadius: 16,
},
editButtonGlass: {
backgroundColor: '#ffffff',
paddingHorizontal: 16,
paddingVertical: 8,
borderRadius: 16,