text inside an image component react native

1<View style={styles.imageWrapper}>
2     <ImageBackground style={styles.theImage} source={{uri : item.imageUrl}}>
3          <Text>Hey</Text>
4     </ImageBackground>
5</View>
6
7const styles = StyleSheet.create({
8    imageWrapper: {
9        height: 200,
10        width: 200,
11        overflow : "hidden"
12    },
13    theImage: {
14        width: "100%",
15        height: "100%",
16        resizeMode: "cover",
17    }
18})

1<View style={{flex: 1, justifyContent: 'center', alignItems: 'center', marginTop: 20}}>
2    <Image
3     style={{
4       flex: 1,
5       width:100,
6       height:100,
7     }}
8     source={require('../imgs/star.png')}
9     />
10     <Text style={{position: 'absolute', fontSize: 20}}>890</Text>
11 </View>
12