複数の場所で Rive を使用するために、Rive ウィジェットの周りにラッパー ウィジェットを作成しました。
//imports...
class RiveAnimation extends StatefulWidget {
final String path;
final String animation;
final Alignment alignment;
final bool useArtboardSize;
RiveAnimation({
@required this.path,
this.animation = animTrigger,
this.alignment = Alignment.center,
this.useArtboardSize = true,
});
@override
_RiveAnimationState createState() => _RiveAnimationState();
}
class _RiveAnimationState extends State<RiveAnimation> {
Artboard _riveArtboard;
RiveAnimationController _controller;
@override
void initState() {
rootBundle.load(widget.path).then(
(data) async {
print('animation loaded');
final RiveFile file = RiveFile.import(data);
if (file != null) {
final Artboard artboard = file.mainArtboard;
artboard.addController(
_controller = SimpleAnimation(widget.animation),
);
setState(() {
_riveArtboard = artboard;
});
}
},
);
super.initState();
}
@override
Widget build(BuildContext context) {
return Rive(
artboard: _riveArtboard,
alignment: widget.alignment,
useArtboardSize: widget.useArtboardSize,
fit: BoxFit.fill,
);
}
}
このウィジェットを使用しているときに、次のエラーが表示されます。
I/flutter ( 7139): The getter 'redraw' was called on null.
I/flutter ( 7139): Receiver: null
I/flutter ( 7139): Tried calling: redraw
アニメーションが表示されることもあれば、Flutter エラー画面が表示されることもあります。
ありがとうございました。