イメージにキャプションを追加する方法

Question

 <Image 
     style={styles.Img} 
     source={require('./Images/x.png')}> 
    </Image> 

    Img:{ 
    width:200,height:200,resizeMode: 'contain' 
    } 

私はReact Nativeを学習しています。どのようにそれを行うかわからない。キャプションを画像の下に配置し、中央に配置する必要があります。Androidで作業しています

Answer 1

以下のサンプルを確認してください。

import React, {Component} from 'react'; 
import {AppRegistry, Text, Image, View} from 'react-native'; 

class StackOveflow extends Component { 
    render() { 
    return (
     <View style={{flex:1,alignItems:'center',justifyContent:'center'}}> 
     <Image 
      style={{width:200,height:200}} 
      source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}} 
     /> 
     <Text> Hello world! </Text> 
     </View> 
    ); 
    } 
} 

AppRegistry.registerComponent('StackOveflow',() => StackOveflow); 

これが機能するかどうかを教えてください。