header.tsx (e7fa3837138cc7f9a5fa0fb610c27f442edfacc2) header.tsx (c9fce3b51e46b9a15924b2e715b81c29a96e653b)
1import React, {useEffect} from 'react';
2import {StyleSheet, View} from 'react-native';
3import rpx from '@/utils/rpx';
4import Animated, {
5 useAnimatedStyle,
6 useSharedValue,
7 withTiming,
8} from 'react-native-reanimated';

--- 40 unchanged lines hidden (view full) ---

49 <Avatar.Image size={rpx(144)} source={{uri: avatar}} />
50 <View style={style.info}>
51 <View style={style.title}>
52 <ThemeText
53 fontSize="title"
54 style={style.titleText}
55 numberOfLines={1}
56 ellipsizeMode="tail">
1import React, {useEffect} from 'react';
2import {StyleSheet, View} from 'react-native';
3import rpx from '@/utils/rpx';
4import Animated, {
5 useAnimatedStyle,
6 useSharedValue,
7 withTiming,
8} from 'react-native-reanimated';

--- 40 unchanged lines hidden (view full) ---

49 <Avatar.Image size={rpx(144)} source={{uri: avatar}} />
50 <View style={style.info}>
51 <View style={style.title}>
52 <ThemeText
53 fontSize="title"
54 style={style.titleText}
55 numberOfLines={1}
56 ellipsizeMode="tail">
57 {artistItem.name}
57 {artistItem?.name ?? ''}
58 </ThemeText>
58 </ThemeText>
59 {artistItem.platform && (
59 {artistItem.platform ? (
60 <Tag tagName={artistItem.platform} />
60 <Tag tagName={artistItem.platform} />
61 ) : (
62 <></>
61 )}
62 </View>
63
63 )}
64 </View>
65
64 {artistItem.fans && (
66 {artistItem.fans ? (
65 <ThemeText fontSize="subTitle" fontColor="secondary">
66 粉丝数: {artistItem.fans}
67 </ThemeText>
67 <ThemeText fontSize="subTitle" fontColor="secondary">
68 粉丝数: {artistItem.fans}
69 </ThemeText>
70 ) : (
71 <></>
68 )}
69 </View>
70 </View>
71
72 <ThemeText
73 style={style.description}
74 numberOfLines={2}
75 ellipsizeMode="tail"
76 fontColor="secondary"
77 fontSize="description">
72 )}
73 </View>
74 </View>
75
76 <ThemeText
77 style={style.description}
78 numberOfLines={2}
79 ellipsizeMode="tail"
80 fontColor="secondary"
81 fontSize="description">
78 {artistItem.description}
82 {artistItem?.description ?? ''}
79 </ThemeText>
80 </Animated.View>
81 );
82}
83
84const style = StyleSheet.create({
85 wrapper: {
86 width: rpx(750),

--- 31 unchanged lines hidden --- 		83 </ThemeText>
84 </Animated.View>
85 );
86}
87
88const style = StyleSheet.create({
89 wrapper: {
90 width: rpx(750),

--- 31 unchanged lines hidden ---