Реагируйте по-умолчанию на избегание {width: '100%'}

Question

Мой код довольно прост: (показаны только соответствующие части)

<ScrollView style={{/* padding, centering... */}>
  <Text>SHARE WITH YOU FRIENDS</Text>
</ScrollView>

Тем не менее, когда я проверяю узел Text, его ширина составляет 100% его контейнера, а серый фон занимает всю ширину.

Есть ли настройка макета, чтобы сделать ширину этого текста как можно меньше? То есть только до конца текста.

Answer 1

Для Scroll просмотра вы можете попробовать как

<ScrollView contentContainerStyle={{ alignItems: 'flex-start'}}>
    <Text >SHARE WITH YOU FRIENDS</Text>
</ScrollView>

Надеюсь, это поможет!

Answer 2

Вы можете использовать alignSelf свойство:

<View style={{alignSelf: 'flex-start'}}> 
    <Text>SHARE WITH YOU FRIENDS</Text>
</View>