React native + Android +文本對齊問題

Question

我有一個React Native應用程序使用。

• 反應：16.0.0-alpha.6
• 反應母語：0.44.2

，並在其中我使用TextInput

的問題是，在Android上如果文本超出了TextInput可以處理的範圍，那麼它的右對齊而不是左邊

我期待它顯示的線沿線的東西：
Lorem存有悲坐阿梅德，consectetur ...

這工作得很好iOS上。這個問題只發生在android上。

<TextInput style={inputStyle} />

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

我做了一些嘗試和最好的解決方案我到目前爲止是啓用的TextInput multiline。但是我不想有多行文本輸入。我希望單行TextInput具有左側文本對齊。

這是怎麼看起來像多

Answer 1

您可以使用：

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

flexWrap需要autoHeight調整的性質和增加的高度組件基於它內部的內容。

源：Layout Props

Answer 2

有了這個問題我自己。一種替代方法是使用TextInput的選擇屬性，例如

selection={{start: 0, end: 0}} 

只要確保您移除輸入焦點上的屬性（如果用戶想要再次編輯文本）。