反应本机应用程序中垂直对齐希伯来文文本（rtl模式）的问题

Question

当我们使用不带空格的名字和姓氏时 - 一切都很好 image

但如果你在其中一个词上加空格，另一个词会升起 image

代码 JSX：

<View style={styles.nameContainer}>
   <Text style={styles.firstname} numberOfLines={1}>{firstName}</Text>
   <Text style={styles.lastname} numberOfLines={1}>{lastName}</Text>
</View>

样式：

nameContainer: {
  flexDirection: 'row',
  maxWidth: 176,
  overflow: 'hidden'
},
firstname: {
  fontSize: 16,
  color: Colors.light.text,
  fontWeight: 'bold',
  marginEnd: 4
},
lastname: {
  fontSize: 16,
  color: Colors.light.text,
  fontWeight: 'bold',
  paddingRight: isRTL ? 0 : 24,
  marginRight: isRTL ? 0 : 8,
  marginBottom: 4,
},

谁能告诉我为什么会这样？

Answer 1

您好，请检查此问题https://github.com/facebook/react-native/issues/10712 可能会有所帮助。