React Native: текст уведомления не отображается в Android

Question

У меня есть значок уведомления с текстом вроде:

<View style={styles.notificationBadge}>
  <Text style={styles.notificationText}>
    notification
  </Text>
</View>

Когда я проверяю это в iOS, он работает нормально, и появляется текст.Но когда я тестирую его в Android, ничего не появляется.Вот так:

Вот стиль для значка уведомления и текста:

  notificationBadge: {
    backgroundColor: '#23CCA3',
    borderRadius: 15,
    justifyContent: 'center',
    alignContent: 'center',
    padding: 0,
    marginBottom: 3,
    alignSelf: 'center',
    width: 24,
    height: 24
  },
  notificationText: {
    alignSelf: 'center',
    textAlign: 'center',
    fontSize: 12,
    fontWeight: 'bold',
    lineHeight: 0,
    color: '#fff',
    marginTop: 0
  }

Дайте мне знать, если у вас есть какие-либоидеи о том, как это исправить.

Answer 1

Текст не отображается из-за нулевой высоты строки.Попробуйте этот стиль:

notificationText: {
    alignSelf: 'center',
    textAlign: 'center',
    fontSize: 12,
    fontWeight: 'bold',
    color: '#fff',
    marginTop: 0
  }