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

Flutter TextFormField 在 TextFromField 中创建一个持久的文本部分

Flutter TextFormField create a persistent text part inside the TextFromField

dart

flutter

flutter-layout

flutter-textformfield