React Native Rand zum Text hinzufügen

Question

Ich möchte einen Rahmen um meine Text-Komponente hinzufügen. Ich habe Folgendes getan, aber ich möchte nur den Rahmen um den Text, nicht die volle Breite der Ansicht.

<View style={{borderWidth: 1}}/> 
    <Text>A DIFFERENT EXPERIENCE</Text> 
</View> 

Ist das möglich?

Answer 1

Ja, es ist möglich, dass Sie brauchen, in einer anderen, wie diese Ansicht zu wickeln:

<View style={styles.container}> 
     <View style={styles.inner}> 
    <Text>A DIFFERENT EXPERIENCE</Text> 
     </View> 
     </View> 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#fff', 
    borderWidth:4 
    }, 
    inner:{ 
    borderWidth:4 

    } 

Prost :)