如何创建具有多行占位符文本的文本字段

Question

当关注多行占位符文本字段时，我遇到问题，光标与占位符文本重叠，而单行工作正常。

TextField(
  keyboardType: TextInputType.multiline,
  maxLines: question.fieldType == "textarea" ? 4 : 1,
  decoration: InputDecoration(label: Text('${question.fieldLabel}')),
)

Answer 1

试试这个

TextField(
  keyboardType: TextInputType.multiline,
  maxLines: question.fieldType == "textarea" ? 4 : 1,
  decoration: InputDecoration(
    label: Text('${question.fieldLabel}'),
  ),
  textAlignVertical: TextAlignVertical.top,
)

此处光标将位于文本字段的顶部，防止其与占位符文本重叠。

并让我们知道。