在Flutter中为对角滚动的背景图案制作动画

时间:2019-06-02 11:49:05

标签: scroll flutter

这里是新手。

基本上,我想在此视频中重现背景的效果:

https://youtu.be/LcCtg1D_RIE?t=804

到目前为止,我可以使用Stack小部件来设置一些背景图层,并使用Image的repeat属性来获得重复的平铺模式。以下代码可以很好地做到这一点:

  Widget build(BuildContext context) {
    return Stack(children: <Widget>[
      Container(
          width: 5000,
          height: 5000,
          child: Image.network(
            "https://www.scirra.com/images/articles/daf.png",
            repeat: ImageRepeat.repeat,
          )),
       /* UI goes here */
   ]);

我不知道要怎么做动画。我尝试了各种滚动类(例如SingleChildScrollView),但它们似乎更多是为交互使用而设计的,并且不允许双向滚动。

我探索过的另一个想法是为我的Container提供一个转换矩阵,但是虽然确实滚动了图案,但它还在屏幕边缘留下了黑色区域。

我敢肯定,有一个巧妙的技巧可以轻松实现这种效果-有人会提供一些聪明的输入吗?

0 个答案:

没有答案