Home > Mobile >  Flutter RiveAnimation with custom Controller
Flutter RiveAnimation with custom Controller

Time:08-14

I'm using this character animation in my Flutter app (with the animated background):

enter image description here

Now make sure to download on V7

enter image description here

The walk animation is on a different artBoard,

You can find it by

  late SpeedController walkController = SpeedController(
    'walk',
    speedMultiplier: .1,
  );

SizedBox(
  height: 200,
  child: RiveAnimation.asset(
    animations: ["walk"],
    artboard: "Lumberjack",
    controllers: [walkController],
    fileLoc,
  ),
),

Also you need to change the animation name according to rive animation LumberingLumberjack

 late SpeedController _controller =
      SpeedController('LumberingLumberjack', speedMultiplier: .3);


 RiveAnimation.asset(
    animations: ["LumberingLumberjack"],
    controllers: [_controller],
    fileLoc,
  ),
  • Related