при вращении представления исчезает часть его содержимого

Question

У меня есть 10 просмотров на моем экране с этим стилем:

<View style={{
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#005b96',
}}>
   <Text style={{
      fontSize: 20,
      fontWeight: '600',
      color: '#eee',
   }}>{number}</Text>
</View>

И вот что я получаю Но когда я добавляю transform:[{rotate: '5deg'}] к стилю View, все числа, кроме 1, исчезают! кажется, что вращение сокращает пространство для его содержания, поэтому тексты исчезают, но, поскольку 1 достаточно скудный, остается прежним! Я попытался задать дополнительную ширину и высоту для Text, но это не сработало!

Answer 1

добавление этого стиля к стилю Text сделало свое дело!

width: '100%',
textAlign: 'center',
backgroundColor: 'black', // gave the background so the effect will be obvious.

и получил это: