diff --git a/app/client/mobile/src/message/imageAsset/ImageAsset.tsx b/app/client/mobile/src/message/imageAsset/ImageAsset.tsx index 28cf775f..e8cd3f81 100644 --- a/app/client/mobile/src/message/imageAsset/ImageAsset.tsx +++ b/app/client/mobile/src/message/imageAsset/ImageAsset.tsx @@ -12,6 +12,7 @@ export function ImageAsset({ topicId, asset, loaded, show }: { topicId: string, const [modal, setModal] = useState(false); const opacity = useAnimatedValue(0); const [alert, setAlert] = useState(''); + const [cleared, setCleared] = useState(false); useEffect(() => { if (state.loaded && show) { @@ -28,6 +29,7 @@ export function ImageAsset({ topicId, asset, loaded, show }: { topicId: string, const showImage = () => { setModal(true); + setCleared(false); actions.loadImage(); }; @@ -63,12 +65,14 @@ export function ImageAsset({ topicId, asset, loaded, show }: { topicId: string, - + { !cleared && ( + + )} { state.dataUrl && ( console.log(err)} source={{ uri: state.dataUrl }} + onLoad={()=>setCleared(true)} /> )}