多行 TextField - 浮动标签

【问题标题】：multiline TextField - floating label多行 TextField - 浮动标签
【发布时间】：2016-02-20 22:22:45
【问题描述】：

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

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

这不会发生然后不使用多线模式。

【问题讨论】：

【解决方案1】：

您可以像这样使用<TextField/> 组件的style 属性轻松解决此问题。

<TextField
  style={{textAlign: 'left'}}
  hintText="Message Field"
  floatingLabelText="MultiLine and FloatingLabel"
  multiline
  rows={2}
/>

希望这会有所帮助。如果这不起作用，则可能是您有其他样式规则干扰您的 <TextField/>。

【讨论】：