我计划使用自定义图标而不是材质图标,但是由于某些原因,我无法缩小图像。关于如何使图像变小的任何建议,如右侧的材质图标。
我应用了宽度和高度,但出于某些原因,它们不能变得比这个小。(附图)
Widget textField() {
return TextField(
enabled: false,
decoration: InputDecoration(
contentPadding: EdgeInsets.symmetric(vertical: 10.0),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.transparent),
borderRadius: BorderRadius.circular(10.0),
),
border: OutlineInputBorder(
borderSide: BorderSide(color: Colors.white),
borderRadius: BorderRadius.all(
Radius.circular(10.0),
),
),
hintStyle: TextStyle(
fontSize: 18, color: Theme.of(context).secondaryHeaderColor),
hintText: 'Search',
prefixIcon: Padding(
padding: EdgeInsets.all(2),
child: SizedBox(
width: 10,
height: 10,
child: Image.asset(
'assets/icons/nav-icons/Explore.png',
),
),
),
suffixIcon:
Icon(Icons.mic, color: Theme.of(context).secondaryHeaderColor),
filled: true,
fillColor: Theme.of(context).primaryColor),
);
}
图像小部件具有width和height属性
Image.asset(
"your/asset/path",
width: PREFERRED_WIDTH,
height: PREFERRED_HEIGHT,
),
也许您可以像这样添加prefixIconConstraints
prefixIconConstraints: BoxConstraints(
maxWidth: 20.0,
maxHeight: 20.0,
),
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句