这里是新手。
基本上,我想在此视频中重现背景的效果:
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提供一个转换矩阵,但是虽然确实滚动了图案,但它还在屏幕边缘留下了黑色区域。
我敢肯定,有一个巧妙的技巧可以轻松实现这种效果-有人会提供一些聪明的输入吗?