反应本机+ Android +文本对齐问题

时间：2017-09-13 11:44:52

标签： react-native alignment textinput text-alignment text-align

我有一个使用。的反应原生应用程序。

  • 反应：16.0.0-alpha.6
  • react-native：0.44.2

我正在使用TextInput

问题出现在Android上，如果文字超出了TextInput可以处理的范围，那么它会正确对齐而不是左对齐

enter image description here

我希望它能显示出以下内容： Lorem ipsum dolor坐下来，奉献......

这在ios上工作正常。这个问题只发生在android。

<TextInput style={inputStyle} />

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

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

这就是多线

的样子

enter image description here

2 个答案:

答案 0 :(得分：0)

您可以使用：

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

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

Src：Layout Props

答案 1 :(得分：0)

我自己有这个问题。一种替代方法是使用TextInput的选择属性，例如

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

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

相关问题
最新问题