如何在React Native中使文本字段支持多行输入？

Question

我有一个文本框名称。当我输入名字时，它会直接一行排列。我想让它在达到文本框宽度后换到下一行。当我使用multiline = 'true'时，出现了以下错误：

Error while updating property 'multiline' of a view managed by: Android TextInput.

这是我的代码:

<TextField 
      label = {'Name :'}
      highlightColor = {'#00BCD4'} 
      style = {{height: 40}}
      multiline = 'true' />

- Satan Pandeya

Answer 1

将 multiline = 'true' 改为 multiline = {true}，该属性的值需要是布尔类型，而不是字符串。

<TextField 
      label = {'Name :'}
      highlightColor = {'#00BCD4'} 
      style = {{height: 40}}
      multiline = {true}
    />

你确定是TextField而不是TextInput吗？ https://facebook.github.io/react-native/docs/textinput.html

- Tudor Ilisoi

---

是的，我非常确定，它是TextField而不是TextInput。当我设置multiline = {true}时，我没有收到错误提示，但文本仍然只显示在单行中。 - Satan Pandeya

哦，是哪个组件呢？第三方的吗？ - Tudor Ilisoi

是的，我添加了。我认为那个库不支持多行。有没有更好的方法，我可以使用textfield，在Android上它也支持多行，但在iOS上呢？ - Satan Pandeya

Answer 2

应该使用TextInput而不是TextField，并且多行应该是布尔类型而不是字符串类型，如下所示...

<TextInput style={...} multiline={true} value={...} />

Here's a demo

- Chris Geirman

Answer 3

你不能使用 TextField 来实现多行文本，必须使用 UITextField

- Marco Santarossa