flutter-layout - 在颤动中重复背景图案图像

Question

我是 Flutter 的新手，目前正在尝试制作一个网站。我有这样的图案图像：

现在我想用这段代码将它设置为我网站的背景：

import 'package:flutter/material.dart';

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    return Container(
      height: size.height,
      width: size.width,
      decoration: BoxDecoration(
          image: DecorationImage(
              fit: BoxFit.cover,
              image: AssetImage("assets/images/double-bubble-dark.png"))),
    );
  }
}

但这里的结果：

如何使其适应浏览器窗口并响应浏览器窗口而不是缩放图像？

标签： flutter-layoutflutter-web

Answer 1

只需使用

Image.asset(
    "assets/images/double-bubble-dark.png",
    repeat: ImageRepeat.repeat,
  )