在 Flutter 中设计自定义文本字段 [关闭]

Question

关闭。 这个问题是 基于意见的<\/a>。 它目前不接受答案。

---

想改进这个问题？ 更新问题，以便可以通过编辑这篇文章<\/a>用事实和引用来回答它。

5 小时前<\/span>关闭。

改进这个问题<\/a>

这里，

“www”是一个领先的图标。<\/li>
1. “子域”是带有 TYPEWRITER 动画的提示文本。<\/li>
2. '.abcde.com' 是固定文本。<\/li>
3. 用户输入只允许在“子域”部分。<\/li><\/ol>

   我要求您分享您对此的想法和方法。 提前致谢。

   "

Answer 1

好的，可以有两种方法

1. 添加 www 前导图标作为前缀，固定文本图像作为 TextField 的后缀。

    TextField( ...,other fields decoration: InputDecoration( prefixIcon: Icon(www icon), suffixIcon: fix text image, ), ),

2. 制作一个自定义小部件，例如 customListTile，为前导图标、子域 TextField 和固定文本小部件添加参数。 在自定义小部件内部返回一个卡片小部件，将行添加为其子小部件，然后添加：用于前导的图标小部件、用于固定文本的 TextField 和文本小部件。 使用 Padding + Row 的 mainaxisalignment 属性来管理它们的对齐方式。