如果我设置了大小框的大小,它将适应运行该应用程序的设备吗?
我创建了一个简单的播放图像,希望将其用作项目中的按钮。我将其作为可点击的图标,首先它很小。然后,我将其放在一个大小合适的盒子中,并设置盒子的宽度和高度,以使该图标在我的设备(三星手机)上看起来不错。
然后我开始考虑,如果我在与三星手机不同大小的设备上运行图标,将会发生什么情况。图标会适应显示的屏幕,还是固定大小仅适合我的屏幕?如果是最新的,我可以以某种方式使图标“调整大小”以使其在大屏幕和小屏幕上都很好看吗?
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/wood.png'), fit: BoxFit.cover)),
child: Scaffold(
backgroundColor: Colors.transparent,
body: Center(
child: SizedBox(
height: 150.0,
width: 150.0,
child: IconButton(
padding: EdgeInsets.all(0.0),
color: Colors.transparent,
icon: Image.asset('assets/woodplay.png'),
onPressed: () {
Navigator.push(context, PlayPage());
}),
),
)),
);
}
}
我的目标是图标的大小应适合任何屏幕。