multiline TextField - 浮动标签

Question

在 multiLine模式中使用TextField时，浮动标签不在左侧。 它似乎没有出现在文档示例中，但在应用那里给出的代码时，会发生以下情况：

  <TextField
  hintText="Message Field"
  floatingLabelText="MultiLine and FloatingLabel"
  multiLine={true}
  rows={2}
/>

然后不会使用multiLine模式。

Answer 1

您可以使用caesar_cipher组件的style属性轻松解决此问题。

<TextField/>

希望这会有所帮助。如果这不起作用，则可能是因为您有另一种风格规则干扰了您的<TextField style={{textAlign: 'left'}} hintText="Message Field" floatingLabelText="MultiLine and FloatingLabel" multiLine={true} rows={2} /> 。