大尺寸的盒子会改变大小吗?

时间:2019-01-13 23:27:29

标签: icons size image-resizing flutter-layout

如果我设置了大小框的大小,它将适应运行该应用程序的设备吗?

我创建了一个简单的播放图像,希望将其用作项目中的按钮。我将其作为可点击的图标,首先它很小。然后,我将其放在一个大小合适的盒子中,并设置盒子的宽度和高度,以使该图标在我的设备(三星手机)上看起来不错。

然后我开始考虑,如果我在与三星手机不同大小的设备上运行图标,将会发生什么情况。图标会适应显示的屏幕,还是固定大小仅适合我的屏幕?如果是最新的,我可以以某种方式使图标“调整大小”以使其在大屏幕和小屏幕上都很好看吗?

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());
                  }),
            ),
          )),
    );
  }
}

我的目标是图标的大小应适合任何屏幕。

0 个答案:

没有答案