javascript - keywords - Reactivo-nativo de ancho automático por texto dentro

style html5

Question

Como sé, la hoja de estilo nativo react no admite propiedades de ancho mínimo / ancho máximo.

Tengo una vista y texto dentro. La vista en ancho automático no cambia de tamaño por elemento de texto heredado.

¿Cómo solucionar ese problema y hacer que el ancho de la vista se establezca automáticamente usando el ancho del texto?

Mi código es:

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

En HTML / CSS común me daría cuenta así:

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

Aviso: flex: 1 en la vista de los padres no es útil para mí. El texto aparece como

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

Answer 1

"alignSelf" hace lo mismo que ''display: inline-block'' haría en HTML / CSS común y funciona muy bien para mí.

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