React native + problème d'alignement de texte Android +

Question

J'ai une application native React qui utilise.

• RÉACTION: 16.0.0-alpha.6
• réagir natif: 0.44.2

Et dans ce que je utilise TextInput

Le problème est sur Android, Si le texte est plus que le TextInput peut gérer, il devient aligné à droite au lieu de gauche

Je me attends à montrer quelque chose le long des lignes de:
Lorem ipsum dolor sit amet, consectetur ...

Cela fonctionne très bien sur ios. Ce problème ne se produit que sur Android.

<TextInput style={inputStyle} />

inputStyle: { fontSize: 20, flex: 0.6, textAlign: 'left, borderWidth: 1, },

J'ai fait quelques tentatives et la meilleure solution que j'ai jusqu'à présent est de permettre multiline sur TextInput. Mais Je ne veux pas avoir une entrée de texte multiligne. Je veux une ligne TextInput avec l'alignement du texte à gauche.

Voici comment il ressemble avec multiligne

Answer 1

Vous pouvez utiliser:

inputStyle: { fontSize: 20, flex: 0.6, flexWrap: 'wrap', textAlign: 'left, borderWidth: 1, },

flexWrap prend la propriété d'ajustement autoHeight et augmente la hauteur du composant basé sur le contenu à l'intérieur.

Src: Layout Props

Answer 2

eu ce problème moi-même. Une alternative consiste à utiliser la propriété de sélection TextInput, par ex. Assurez-vous de supprimer la propriété lors de la mise au point en entrée (au cas où l'utilisateur souhaiterait de nouveau éditer le texte).