feat(ui): 添加挑战详情分享卡片功能和玻璃态按钮
- 实现挑战分享卡片截图生成,根据参与状态展示不同内容 - 已参与用户显示个人进度条和完成情况 - 未参与用户显示挑战详细信息和参与邀请 - 使用 GlassView 组件优化分享按钮和编辑按钮的视觉效果 - 添加 react-native-view-shot 支持视图截图 - 移除硬编码背景色,统一使用玻璃态交互效果
This commit is contained in:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user