需要聊天屏幕的背景图片，以获取不同的屏幕纵横比以及肖像和景观模式

Question

我们想为聊天屏幕使用背景图片。为此，我们创建了一张瓷砖图片。移动支持许多纵横比以及肖像和景观。在支持该用例的扑朔迷离中，这是什么好方法？一个想法是加入瓷砖并在运行时间为背景裁剪图片。那可能吗？是否有直接的扑面支持？

Answer 1

您需要读取有关响应式应用的扑动文档

创建响应式应用

另外，请看一下捕获设备方向的MediaQueryData类。您可以通过查看这些属性来切换背景

MediaQueryData

Answer 2

这是对景观和potrait和不同设备分辨率的作用。可以直接在图片上设置不透明度，以将该层保存在运行时。请确保您提供不同分辨率的背景。https://flutter.io/assets-and-images/

注意：rendermessagelistcontent是前景中的内容！

 @override
  Widget build(BuildContext context) => new Stack(children: <Widget>[
        new Positioned.fill(
            child: new Opacity(
          opacity: 0.2,
          child: new Image.asset(
            'assets/chat_background.png',
            repeat: ImageRepeat.repeat,
            fit: BoxFit.none
          ),
        )),
        new Opacity(
            opacity: 0.15,
            child: new Container(color: Theme.of(context).primaryColor)),
        renderMessageListContent
      ]);