React Native 中的 TextArea 内边距和新行

时间:2021-05-06 09:00:16

标签: reactjs react-native react-redux textarea react-styleguidist

我正在尝试制作 textarea 的内部填充,但无法做到。另一个 poeblem 在 textarea 内,当我开始写东西时,它总是走一条长长的行,不会换行。任何人都可以通过让我知道这两个属性来帮助我吗? 我附上了一张屏幕截图,左边是设计的,右边是我制作的。enter image description here

1 个答案:

答案 0 :(得分:0)

将 multilne 设置为 true

<TextInput multiline={true} />

对于填充,设置style={{padding: 10}},像这样

<TextInput multiline={true} style={{padding: 10}} />

还要写textAlignVertical="top"否则placeholder会居中,最后这样写

<TextInput multiline={true} style={{padding: 10}} textAlignVertical="top" />

Working Example