如何在textField中将图标与辅助对象文本居中

Question

不管怎样，我都能做到这一点，或者从字符串中插值？辅助文本只采用字符串类型。

以下是我的目标。

edit：我试过用中心来包装图标，但它只是将文本挤出字段。

示例

class SearchField extends StatelessWidget {
Widget build(BuildContext context) {
final mediaQuery = MediaQuery.of(context);
return Padding(
padding: const EdgeInsets.only(left: 12, right: 12),
child: Container(
decoration: BoxDecoration(
color: Styles.formField,
borderRadius: BorderRadius.circular(32),
),
child: TextField(
textAlign: TextAlign.center,
decoration: InputDecoration(
hintStyle: TextStyle(fontSize: 17),
hintText: '${Icon(Icons.search)} Search',
icon: Icon(Icons.search),
border: InputBorder.none,
contentPadding: EdgeInsets.all(10)),
),
),
);
}
}

Answer 1

我认为使用Flutter提供的材料小部件是不可能的。您可能需要创建自己的自定义TextField小部件，您可以在Flutter提供的小部件的基础上创建一个劫持版本。或者，如果你幸运的话，有人已经制作了一个可以满足你需求的软件包，并在pub.dev.上提供