React Native + Android + 文本对齐问题答案

【问题标题】：React native + Android + text alignment issueReact Native + Android + 文本对齐问题
【发布时间】：2018-02-22 02:45:01
【问题描述】：

我有一个使用的 React Native 应用程序。

我在其中使用TextInput

问题出在 Android 上，如果文本超出 TextInput 可以处理的范围，它会右对齐而不是左对齐

我希望它能够显示以下内容：
Lorem ipsum dolor sit amet, consectetur...

这在 ios 上运行良好。此问题仅在 android 上发生。

<TextInput style={inputStyle} />

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

我做了一些尝试，到目前为止我最好的解决方案是在 TextInput 上启用multiline。但是我不想输入多行文本。我想要一个左文本对齐的单行 TextInput。

这就是多行的样子

【问题讨论】：

【解决方案1】：

我自己也遇到过这个问题。一种替代方法是使用 TextInput 的 selection 属性，例如

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

只需确保删除输入焦点上的属性（以防用户想再次编辑文本）。

【讨论】：

【解决方案2】：

你可以使用：

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

flexWrap 采用 autoHeight 调整的属性，根据里面的内容增加组件的高度。

【讨论】：