颤振的同一条线上可能有一个输入和一个跨度吗?

时间:2018-06-25 20:57:57

标签: android dart flutter

我很挣扎,我不知道是否可以在Flutter应用程序中添加以下内容:

enter image description here

其中“ dasdeae”是输入文本字段,而“ @ ippportalegre.pt”只是具有固定文本的跨度

现在我将其显示为:

enter image description here

在“学生/教师输入数”字段中,我想这样做,就像第一张图片中一样。

2 个答案:

答案 0 :(得分:3)

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

最终代码如下:

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,
  )

和最终图像(不带灰色调):

enter image description here

答案 1 :(得分:1)

有可能。您可以将所有窗口小部件包装在“行”窗口小部件中:

new Row(children: <Widget> [ TextField1, Textfield2 ])

查看更多here