Flutter 如何在文本字段中显示文本和图像

Question

我需要在文本表单字段的左侧显示固定文本和图像。

像这样

我的代码

                Container(
                  width: Width * 0.9,
                  height: Height * 0.08,
                  child: TextFormField(
                    style: TextStyle(
                        color: kPrimaryColor, fontFamily: 'UbuntuRegular'),
                    decoration: new InputDecoration(
                      border: new OutlineInputBorder(
                        borderSide: const BorderSide(
                            color: Colors.grey, width: 1.25),
                        borderRadius: const BorderRadius.all(
                          const Radius.circular(10.0),
                        ),
                      ),
                      filled: true,
                      hintStyle: new TextStyle(
                          color: Color(0xffbdbdbd),
                          fontFamily: 'UbuntuRegular'),
                      hintText: "3388 3388",
                      fillColor: Colors.white70,
                      enabledBorder: new OutlineInputBorder(
                        borderSide: const BorderSide(
                            color: Color(0xffbdbdbd), width: 1),
                        borderRadius: const BorderRadius.all(
                          const Radius.circular(10.0),
                        ),
                      ),
                      focusedBorder: OutlineInputBorder(
                        borderSide: const BorderSide(
                            color: kPrimaryColor, width: 1),
                        borderRadius: const BorderRadius.all(
                          const Radius.circular(10.0),
                        ),
                      ),
                    ),
                  ),
                ),

它是带有占位符的简单文本字段，但我不能在右侧添加此图像和固定标签

Answer 1

您可以在 TextField 的装饰中使用 prefix 属性。它允许您在 textField 的开头提供一个小部件。下面是一个例子：

InputDecoration(
  prefix: Icon(Icons.add),
),

因此，在您的情况下，您可以在前缀中使用 Row 来提供图标和文本。

Answer 2

您需要在 prefix 中使用 InputDecoration。像这样：

 TextFormField(
    InputDecoration(
      prefixIcon:Container(
/// Your code is here based on show your design.
    ),
  ),
),

我希望它有效，请告诉我。