Flutter SDK设置背景图片

小编典典

Flutter SDK设置背景图片

flutter

我正在尝试为主页设置背景图像。我从屏幕开始获取图像位置，并填充宽度而不是高度。我在代码中缺少什么吗？有抖动的图像标准吗？图像是否根据每部手机的屏幕分辨率缩放？

class BaseLayout extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return new Scaffold(
      body: new Container(
        child: new Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            new Image.asset("assets/images/bulb.jpg") 
          ]
        )
      )
    );
  }
}

阅读 313

2020-08-13

共1个答案

小编典典

我不知道我理解你的问题，但如果你想要的形象充满你可以使用整个屏幕DecorationImage搭配合体的BoxFit.cover。

class BaseLayout extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return Scaffold(
      body: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage("assets/images/bulb.jpg"),
            fit: BoxFit.cover,
          ),
        ),
        child: null /* add child content here */,
      ),
    );
  }
}

对于第二个问题，这是指向有关如何将与分辨率相关的资产图像嵌入到您的应用程序中的文档的链接。

2020-08-13