Flutter-如何使用自定义前缀设计制作自定义输入字段？

Question

如何制作带有自定义前缀设计的自定义输入字段？就像下面的图片一样

我为此做了很多尝试，但是无法在输入中添加前缀部分

Answer 1

您可以使用prefixIcon的InputDecorator属性显示某个图形。

TextField(
  decoration: InputDecoration(
    prefixIcon: SizedBox(
      width: 50,
      child: Center(
        child: Text(
          '+91',
          style: TextStyle(color: Colors.black),
        ),
      ),
    ),
  ),
),

您也可以使用prefix属性，但是如果文本字段未聚焦，则文本将消失。