Круглая форма с центральным текстом не работает React Native iOS - PullRequest
Новая
       62

Круглая форма с центральным текстом не работает React Native iOS

0 голосов
/ 08 ноября 2019

Я пытаюсь нарисовать вид круга для текста внутри этого текста.

Он работает с Android, но iOS не работает должным образом. Текст подходит к началу просмотра. 

      <Text style={styles.na}> NA </Text>

styles


 na: {
    width: 60,
    height: 60,
    borderRadius: 60 / 2,
    backgroundColor: 'orange',
    alignItems: 'center',
    textAlign: 'center',
    fontWeight: 'bold',
    color: 'white',
    fontSize: 15,
    textAlignVertical: 'center',
    marginRight: 10,
    overflow: 'hidden',
  },

Есть предложения?

enter image description here

Ответы [ 2 ]

2 голосов
/ 08 ноября 2019

попробуй этот код, у меня работает 

      <View style={{
        width: 60,
        height: 60,
        justifyContent: "center",
        borderRadius: 60 / 2,
        backgroundColor: 'orange',
      }}>
        <Text style={{
          alignSelf: 'center',
          fontWeight: 'bold',
          color: 'white',
          fontSize: 15,
        }}>NA</Text>
      </View>
0 голосов
/ 08 ноября 2019

try alignSelf : center

alignSelf имеет те же параметры и эффект, что и alignItems, но вместо того, чтобы воздействовать на дочерние элементы в контейнере, вы можете применить это свойство к одному дочернему элементу, чтобы изменить его выравнивание в пределах его родительского элемента. alignSelf переопределяет любой параметр, установленный родителем, с помощью alignItems.

Ссылка

...