react-native - 反応ネイティブで別のビューで画像の上にテキストとアイコンを設定する方法

Question

画像の上にテキストとアイコンを表示する必要があります。ただし、ここでは、画像ビューとテキスト、および読み込みアイコンをリンクする必要はありません。どちらも別々のビューを持つ必要があります。

2 つのビュー (1 つはイメージ用、もう 1 つはビュー用) を設定し、ビューに marginTop:-300 の値を追加しました。これは間違った動作です。

    <View style={{ aspectRatio: 4 / 5, alignSelf: 'center', width: '100%', paddingLeft: '5%', paddingRight: '5%', opacity: 0.4,}}> 
      <FastImage resizeMode={FastImage.resizeMode.cover} style={{width: '100%',height: '100%',marginTop:18}} source={["imageUrl"]}/> 
    </View>

    <View style={{flex:1, alignSelf: 'center', alignItems: 'center', justifyContent: 'center',  marginTop:-50}}> 
      <ActivityIndicator size={"large"} color={"#ffffff"} style ={{marginTop:-700,}}/> 
      <Text style={{ fontSize: 15, fontFamily: "OpenSans-Semibold",marginTop:-300,color:'white'}}>Image captured</Text>
    </View> 

https://i.stack.imgur.com/MF5kM.png