Not rendering images in Android RN 0.70
Describe the bug
I'm using fast image instead of default image component in react native. In some component, fast image works fine with Android but in others, such as after I fetch from unsplash api and get 20 of images, I can never see photos. Rarely, after like 10 minutes, i can see some of the photos. (1 out of 30 times) Everything is working fine with IOS.
here is my code
<TouchableOpacity onPress={() => props.onItemPress(item)}>
<FastImage
source={{uri: item.urls.small, priority: FastImage.priority.high}}
style={{
width: width / 2 - 25,
height: (width / 2 - 25) * ratio,
...theme.shadow,
borderRadius: 10,
}}
// resizeMode={FastImage.resizeMode.contain}
/>
<View
style={{
width: width / 2 - 25,
height: (width / 2 - 25) * ratio,
// backgroundColor: '#00000010',
position: 'absolute',
borderRadius: 10,
justifyContent: 'flex-end',
paddingLeft: 5,
paddingBottom: 5,
}}>
<Appreciates username={item.user.username} textStyle={{color: '#ffffff'}} />
</View>
</TouchableOpacity>and this is the working code..
<TouchableOpacity
style={styles.itemContainer}>
<FastImage source={{uri: props.image.url}} style={widthStyles.image} />
<View style={widthStyles.coverView}>
<Text style={styles.tagText}>{props.tags.join('\n')}</Text>
</View>
</TouchableOpacity>I tried some solutions in closed issues but didn't work.. I really need to use this library since I need caching function.. please help me out
oh and i'm using android emulator!! is it just a problem of network? I don't think so because working one are also rendering images from unsplash. The difference is that one with the problem is using response data from fetch, while the other one uses static data.
Screenshots
Bug screen from Android
expected screen from IOS
Dependency versions
- React Native version: 0.70
- React version: 18.1.0
- React Native Fast Image version: latest(8.6.3)
Source: DylanVann/react-native-fast-image