react-native - 如何在 React Native 中为图像添加标题

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);

让我知道这是否适合您。