如何在文本输入中的不同行中显示占位符？

Question

我有一个multiline={true}的TextInput。我想知道如何获取其占位符文本，例如：

Hey There!
Want any Help?
Placeholder To The Rescue!

我尝试了类似placeholder='Hey There!\nWant any Help?'的方法，但没有得到我想要的东西。

我是React Native的新手。帮助将不胜感激！

Answer 1

  <TextInput
    multiline={true}
    placeholder={'Hey There! \nWant any Help? \nPlaceholder To The Rescue!'}
    style={{height: 40, borderColor: 'gray', borderWidth: 1,fontSize:12}}

  />

Answer 2

尝试使用textarea html标签。这样您就可以使用多行占位符。

Answer 3

找到答案！使用牙套使其呈现我想要的。我发现React Native会按原样在此处呈现字符串，但如果在括号内，则具有给定的格式。例如：

<TextInput
  multiline={true}
  placeholder='Hey There!\nHow are You?'
/>

呈现上面的代码后，TextInput将看起来像：

HeyThere!\nHow are You?

但是，如果您使用这样的括号：

<TextInput
  multiline={true}
  placeholder={'Hey There!\nHow are You?'}
/>

然后您将获得TextInput，如：

Hey There!
How are You?

而这正是我想要的！

好，谢谢大家的回复！