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

标签 android dart flutter

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

enter image description here

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

现在我有这个作为展示:

enter image description here

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

最佳答案

我刚刚找到了解决方案,它只需要在 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,
  )

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

enter image description here

关于android - 是否有可能在 flutter 中在同一行上有一个输入和一个跨度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51031675/

相关文章:

Android 谷歌地图绘制道路性能问题 10.000+ 覆盖

java - Android 从文本文件解析数字时出现 Invalid Int 错误

调用函数时 Flutter 断言失败

ios - 有没有办法忽略对 ios 的最小版本依赖并在运行时检查它?

flutter - 我如何摆脱这种抖动覆盖错误?

android - 将 Kotlin 的 @JvmOverloads 与 Android 的 Fragment.newInstance() 模式结合使用

android - Play 商店应用本地化

dart - Polymer.Dart linter会警告Angular.Dart使用的ng-view标签

Flutter Mobile 和 Web 包共存

dart - 从 Stream 获取当前值