【问题标题】:React native + Android + text alignment issueReact Native + Android + 文本对齐问题
【发布时间】: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。

这就是多行的样子

【问题讨论】:

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


    【解决方案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 上一样。
      猜你喜欢
      • 2021-11-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-12-13
      • 1970-01-01
      • 1970-01-01
      • 2018-10-09
      • 1970-01-01
      相关资源
      最近更新 更多