android - 是否有可能在 flutter 中在同一行上有一个输入和一个跨度？

Question

我正在苦苦挣扎，我不知道是否可以在 flutter 应用程序中使用这样的东西:

“dasdeae”是一个输入文本字段，“@ippportalegre.pt”只是一个固定文本的范围

现在我有这个作为展示:

在学生/教师输入字段中，我想这样做，就像在第一张图片中一样......这在 flutter 中可能吗？？

Answer 1

我刚刚找到了解决方案，它只需要在 InputDerocoration 中添加 suffixText: new TextSpan(text: '@ipportalegre.pt')。

最终代码如下:

new TextFormField(
    maxLines: 1,
    decoration: new InputDecoration(
      labelText: "Number of Student/Teacher",
      suffixText: new TextSpan(text: '@ipportalegre.pt).text,
      hintText: "Your student number ",
    ),
    controller: _userController,
    inputFormatters: [WhitelistingTextInputFormatter(_regUser)],
    validator: validations.userValidation,
  )

和最终图像(没有灰色调):