在颤动中重复背景图案图像

Posted

技术标签:

【中文标题】在颤动中重复背景图案图像【英文标题】:Repeat background pattern image in flutter 【发布时间】:2021-06-18 02:41:33 【问题描述】:

我是 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"))),
    );
  

但结果如下:

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

【问题讨论】:

【参考方案1】:

随便用

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

【讨论】:

以上是关于在颤动中重复背景图案图像的主要内容,如果未能解决你的问题,请参考以下文章

如何在颤动中更改容器小部件中的背景图像

如何在颤动中设置背景图像?

在背景图像之前推送路线时颤动白色闪烁

如何在颤动中固定背景图像的大小和位置?

带有背景图像的CSS三角形[重复]

li 背景颜色重复/图案