flutter 如何创建翻转倒计时时钟小部件

bf1o4zei  于 2022-12-14  发布在  Flutter
关注(0)|答案(1)|浏览(192)

如果有人知道如何创建这种类型的动画,那么请帮助我。
我尝试了www.example.com上的各种软件包pub.dev,但都不起作用。请帮助我。
任何帮助都是感激不尽的
谢谢

t8e9dugd

t8e9dugd1#

你可以使用flip_board包,它提供基本的翻转板,ir=t还包含一个翻转时钟和一个翻转倒计时时钟。
您需要的代码示例:

Widget _flipCountdown(ColorScheme colors) => 
    Container(
      decoration: BoxDecoration(
        color: colors.secondary,
        borderRadius: BorderRadius.circular(8.0),
      ),
      padding: const EdgeInsets.all(24.0),
      child: FlipCountdownClock(
        duration: const Duration(minutes: 1),
        digitSize: 54.0,
        width: 46.0,
        height: 62.0,
        digitColor: colors.surface,
        backgroundColor: colors.onSurface,
        separatorColor: colors.onSurface,
        borderColor: colors.primary,
        hingeColor: colors.surface,
        borderRadius: const BorderRadius.all(Radius.circular(8.0)),
        onDone: () => print('Buzzzz!'),
      ),
    );

相关问题