Usar ImageBackground en React Native con contenido superpuesto

---

import { View, Text, StyleSheet, ImageBackground } from 'react-native';

const image = require('./assets/goku.png'); 

const FondoConTexto = () => {
return (
  <ImageBackground 
    source={image} 
    style={styles.fondo}
    resizeMode="cover"
  >
    <View style={styles.contenido}>
      <Text style={styles.titulo}>¡Bienvenido!</Text>
    </View>
  </ImageBackground>
);
};

const styles = StyleSheet.create({
fondo: {
  flex: 1,
  justifyContent: 'center',
  alignItems: 'center', // Centra horizontalmente
  width: '100%',
  height: '100%',
},
contenido: {
  backgroundColor: 'rgba(0,0,0,0.5)',
  padding: 20,
  borderRadius: 10,
  alignItems: 'center',
},
titulo: {
  color: '#fff',
  fontSize: 28,
  fontWeight: 'bold',
},
});

export default FondoConTexto;