diff options
| -rw-r--r-- | src/components/moments/MomentPostContent.tsx | 27 |
1 files changed, 2 insertions, 25 deletions
diff --git a/src/components/moments/MomentPostContent.tsx b/src/components/moments/MomentPostContent.tsx index 55b0738e..ad29900e 100644 --- a/src/components/moments/MomentPostContent.tsx +++ b/src/components/moments/MomentPostContent.tsx @@ -45,23 +45,8 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({ const [fadeValue, setFadeValue] = useState<Animated.Value<number>>( new Animated.Value(0), ); - const [imageDimensions, setImageDimensions] = useState([0, 0]); useEffect(() => { - setTimeout(() => { - imageRef.current.measure( - ( - _fx: number, - _fy: number, - width: number, - height: number, - _x: number, - _y: number, - ) => { - setImageDimensions([width, height]); - }, - ); - }, 250); const loadTags = async () => { const response = await loadMomentTags(momentId); if (response) { @@ -104,19 +89,10 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({ source={{uri: pathHash}} resizeMode={'cover'} /> - </TouchableWithoutFeedback> - {visible && ( - <Animated.View style={[styles.tapTag, {opacity: fadeValue}]}> - <MomentTags editing={false} tags={tags} imageRef={imageRef} /> - </Animated.View> - )} {tags.length > 0 && ( <Image source={require('../../assets/icons/tag_indicate.png')} - style={[ - styles.tagIcon, - {top: imageDimensions[1] - 30 - SCREEN_HEIGHT * 0.03}, - ]} + style={[styles.tagIcon]} /> )} </TouchableWithoutFeedback> @@ -188,6 +164,7 @@ const styles = StyleSheet.create({ width: normalize(30), height: normalize(30), position: 'absolute', + bottom: '7%', left: normalize(20), }, }); |