React-native Ansicht automatische Breite von Text innerhalb

Question

Wie ich weiß, unterstützt reactive-native Stylesheet nicht die Eigenschaft min-width/max-width.

Ich habe eine Ansicht und Text im Inneren. Die Ansicht in der automatischen Breite ändert ihre Größe nicht, indem sie das Textelement erbt.

Wie behebt man dieses Problem und stellt die Ansichtsbreite automatisch mit der Textbreite ein?

Mein Code ist:

<View style={{backgroundColor: '#000000'}}> 
     <Text style={{color: '#ffffff'}}>Sample text here</Text> 
</View> 

Gemeinsam HTML/CSS Ich würde erkennen, so:

<div style="background-color: #000; display: inline;">Sample text here</div> 

Hinweis: flex: 1 zu sehen Elternteil ist für mich nicht hilfreich. Text erscheint als

"Sam" 
"ple" 
"Tex" 
"t" 

Answer 1

Sie mit Flex versuchen sollte: 1, das Flexbox Verhalten ermöglichen:

<View style={{backgroundColor: '#000000', flex: 1}}> 
    <Text style={{color: '#ffffff'}}>Sample text here</Text> 
</View> 

Answer 2

"alignSelf" macht das gleiche wie 'display: inline-block' würde gemeinsam HTML/CSS und es funktioniert sehr gut für mich.

<View style={{backgroundColor: '#000000', alignSelf: 'flex-start' }}> 
<Text style={{color: '#ffffff'}}> 
    Sample text here 
</Text> 
</View>