如何在Flutter中制作截图动画?

时间:2020-02-25 06:51:48

标签: flutter

请有人建议我最好的包装或以任何方式提供拍打效果的屏幕截图。请不要投票。如果我做错了什么

1 个答案:

答案 0 :(得分:1)

获得所需效果的一种方法是将页面放在Stack中。 Stack的一个条目将是您的Scaffold页面,另一条目将是一个充满屏幕空间的白色Container。页面的构建方法中类似以下内容:

@override
Widget build(BuildContext context) => Stack(
    children: [
        Container(color: Colors.white),
        Scaffold(
            // The rest of your page
        ),
    ],
);

然后,您可以将白色Container包装在AnimatedOpacity小部件中(签出this Flutter.dev article on how to animate fading widgets),并定义动画,使白色Container淡入,然后很快消失,达到类似闪光的效果。在我提到的文章中,他们还解释了如何以编程方式触发这种动画。