textAlign работает иначе после обновления до RN 0.59.3 - PullRequest
Новая
       49

textAlign работает иначе после обновления до RN 0.59.3

0 голосов
/ 24 апреля 2019

При использовании React Native у меня возникают проблемы с textAlign, так как он стал странно работать на Android после обновления до RN 0.59.3

Я хочу, чтобы текст был выровнен Вправо (независимо от содержимого), но это дает Вправо на английском текст и Влево на арабском текст

У меня есть этот простой код (я ожидаю, что обе строки будут выровнены по вправо ) 

<View style={{ flex: 1 }}>
    <Text style={styles.title}>تجربة تجربة</Text>
    <Text style={styles.title}>Test Test</Text>
</View>

Стиль: 

title: {
   textAlign: 'right',
   alignSelf: 'stretch',
   backgroundColor: '#EEE',
   margin: 10,
   color: '#000',
}

работает корректно в IOS, но некорректно в Android (после обновления до RN 0.59.3), как показано ниже:

enter image description here

Я могу определить проблему из-за этого изменения силы тяжести в RN 0,59,3

Так как же теперь обеспечить выравнивание текста по правому краю?

Обновление: похоже на ошибку, введенную с RN 0,59,3

Я понизил рейтинг до RN 0.59.2 и ошибка исчезла

Обновление: Ошибка была исправлена ​​в RN 0,59,8

1 Ответ

1 голос
/ 24 апреля 2019

Ожидается стиль <View> вне <Text />.

это рабочий код 

return(
 <View
        style={{
          flex: 1,
          flexDirection: "column",
          alignItems: "center",
          justifyContent: "center"
        }}
      >
        <Text style={styles.title}>تجربة تجربة</Text>
        <Text style={styles.title}>Test Test</Text>
      </View>);
const styles = StyleSheet.create({
  title: {
    textAlign: "right",
    alignSelf: "stretch",
    backgroundColor: "#EEE",
    margin: 10,
    color: "#000"
  }
});

Android: Samsung Galaxy s9 plus

Galaxy s9 plus

...