如何在flutter的文本字段中包装提示文本？

Question

hintStyle属性似乎不包含任何可以表示提示文本应该换行的内容。我的文本字段中的实际文本会自动换行。如何包装hintText？

Answer 1

使用maxlines不适用于我（对于Flutter Web），但是直到文本自动换行，我才在要中断的位置添加\ n。

TextFormField(
    maxLines: 5, 
    decoration: InputDecoration(
    hintMaxLines: 5,
    hintText: 'Make it a descriptive message that allows your client to \n understand what you are working on, what challenges you are \n facing, and if anything is unclear. \n Try to be clear but positive!',
    labelText: 'Today\'s message to your client, \n what is the team working on?',
    labelStyle: TextStyle(fontSize: 14,),
    hintStyle: TextStyle(fontSize: 14,),
    ),
    ),

Answer 2

我通过在TextField上使用maxLines来解决此问题

  TextField(  textAlign: TextAlign.center,
              maxLines: 2,
              decoration: InputDecoration(hintText: "Your Hint Your Hint Your Hint Your Hint Your Hint Your Hint")),

Answer 3

我认为这是一个不稳定的网络错误-可以在chrome mac，safari mac和chrome android上重现，在safari ipad上似乎可以，至少在模拟器中是可以的。我们弄乱了所有设置，但没有任何效果。有人可能应该将它记录为Flutter github存储库中的问题。

是的，\ n就像一种魅力一样，非常感谢Stephane！

Answer 4

InputDecoration 的 hintMaxLines 属性完成了预期的事情。只需将其设置为提示应该能够达到的最大行数即可。

TextField(
  decoration: InputDecoration(
    hintText: 'Imagine a very long hint here word word ...',
    hintMaxLines: 10,
  ),
),

看起来像这样：