RN 设置背景图片（使用ImageBackground组件）

import React from 'react';
import { ImageBackground, StyleSheet, Text, View } from 'react-native';
 
const BackgroundImage = (props) => (
  <ImageBackground
    source={require('./your-background-image.png')} // 替换为你的图片路径
    style={styles.backgroundContainer}
  >
    <View style={styles.textContainer}>
      <Text style={styles.text}>你的内容</Text>
    </View>
  </ImageBackground>
);
 
const styles = StyleSheet.create({
  backgroundContainer: {
    flex: 1,
    width: null,
    height: null,
  },
  textContainer: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  text: {
    color: 'white',
    fontSize: 24,
    fontWeight: 'bold',
  }
});
 
export default BackgroundImage;

这段代码演示了如何在React Native应用中使用ImageBackground组件来设置背景图片，并在其上方放置一些内容。记得替换./your-background-image.png为你的实际图片路径。