flutter - Flutter TextFormField 在 TextFromField 内创建一个持久的文本部分

Question

有关我想要实现的目标的清晰解释，请参见图像。

Answer 1

首先我应该说有很多方法可以实现这一点。例如，

它涵盖了所有内容，并包含三个并排排列的字段。

容器 -> 行 -> 图标、TextField 或 TextFormField 和文本。

很可能会出现溢出问题。您可以将行中的项目包装为展开状态。

Container(
      decoration: BoxDecoration(
          // color: const Color(0xFFF1F0FA),
          // border: Border.all(color: const Color(0xFF6C5CE7), width: 1)
          ),
      child: Row(
        children: [
          Expanded(child: Icon(Icons.business_center)),
          Expanded(
            child: TextField(
                // ...
                ),
          ),
          Expanded(child: Text(".tickvent.com"))
        ],
      ),
    )