Wie Bild als Hintergrund-Taste definiert

Question

ich diesen Code versuchen, für Schaltfläche Bild als Hintergrund zu machen:

<Button style= {styles.btn }> 
     <Image source={ require('.src.png')} style={styles.img}/> 
     <Text> title </Text> 
    </Button> 

aber ich weiß nicht getcorrect Ergebnis Ay Hilfe bitte

Answer 1

Button-Element hat ziemlich spezifisches Verwendung, versuchen TouchableOpacity Verwendung stattdessen auch Ihr Text müssen absolut sein, um über das Bild zu erscheinen:

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

const button =() => 
    <TouchableOpacity style={styles.btn}> 
     <View style={styles.absoluteView}> 
      <Text>title</Text> 
     </View> 
     <Image source={require('.src.png')} style={styles.img}/> 
    </TouchableOpacity>; 

const styles = StyleSheet.create({ 
    absoluteView: { 
     flex: 1, 
     position: 'absolute', 
     alignItems: 'center', 
     justifyContent: 'center', 
     backgroundColor: 'transparent' 
    }, 
    img: {...}, 
    btn: {...} 
});