如何在前导图标和文本字段中的文本之间添加分隔符

Question

如何在文本和前导ico之间添加分隔符或分隔符

 TextField(
          decoration: InputDecoration(
            prefixIcon: Icon(Icons.perm_identity ),
            labelText: 'Enter Your Name',
          )
        )

Answer 1

您可以尝试将图标包装在容器中并为其添加边框。

Container(
  margin: const EdgeInsets.all(15.0),
  padding: const EdgeInsets.all(3.0),
  decoration: BoxDecoration(
    border: Border(left: 
        BorderSide( //                   <--- left side
            color: Colors.black,
            width: 3.0,
        ),
      ),
      child: Icon(Icons.perm_identity),
    ),
),

参考

• Great answer for borders
• Box Decoration Cheat sheet