React Native + Android + 文本对齐问题

Posted 2023-04-18

【中文标题】React Native + Android + 文本对齐问题

【英文标题】：React native + Android + text alignment issue

【发布时间】：2018-02-22 02:45:01

【问题描述】：

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

反应：16.0.0-alpha.6 反应原生：0.44.2

我在其中使用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 调整的属性，根据里面的内容增加组件的高度。

源：Layout Props

【讨论】：

对不起，但这对我不起作用。我也不想有“多行”文本输入。我想要一个单行文本输入，并且其中的文本左对齐。就像在 ios 上一样。