mirror of
https://github.com/rive-app/rive-flutter.git
synced 2025-11-09 09:37:10 +08:00
04d3908f57
Tested out the latest rive-common that now uses `package:web` and `dart:js_interop` The `RiveFile.initializeText` and everything associated with it are deprecated. Instead, use `RiveFile.initialize`, which will always need to be called when initializing text, audio, and layout. Calling it `initializeText` is confusing to users as they may not be using text, but still need to call this manually when using RiveFile.import. There is maybe additional cleanup we could do here, but at least want to make sure the public API is not confusing. Diffs= fa7c55934 Flutter release 0.13.5 (#7305) 973ff2276 Fix warnings about invalid toolsets (#7300) Co-authored-by: Gordon <pggordonhayes@gmail.com>
80 lines
2.5 KiB
Dart
80 lines
2.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:rive/rive.dart';
|
|
|
|
/// An example showing how to drive two boolean state machine inputs.
|
|
class ExampleStateMachine extends StatefulWidget {
|
|
const ExampleStateMachine({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<ExampleStateMachine> createState() => _ExampleStateMachineState();
|
|
}
|
|
|
|
class _ExampleStateMachineState extends State<ExampleStateMachine> {
|
|
Artboard? _riveArtboard;
|
|
SMIBool? _hoverInput;
|
|
SMIBool? _pressInput;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
_loadRiveFile();
|
|
}
|
|
|
|
Future<void> _loadRiveFile() async {
|
|
// Load the animation file from the bundle.
|
|
final riveFile = await RiveFile.asset('assets/rocket.riv');
|
|
|
|
// The artboard is the root of the animation and gets drawn in the
|
|
// Rive widget.
|
|
final artboard = riveFile.mainArtboard;
|
|
var controller = StateMachineController.fromArtboard(artboard, 'Button');
|
|
if (controller != null) {
|
|
artboard.addController(controller);
|
|
_hoverInput = controller.getBoolInput('Hover');
|
|
_pressInput = controller.getBoolInput('Press');
|
|
}
|
|
setState(() => _riveArtboard = artboard);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(title: const Text('Button State Machine')),
|
|
body: _riveArtboard == null
|
|
? const SizedBox()
|
|
: MouseRegion(
|
|
onEnter: (_) => _hoverInput?.value = true,
|
|
onExit: (_) => _hoverInput?.value = false,
|
|
child: GestureDetector(
|
|
onTapDown: (_) => _pressInput?.value = true,
|
|
onTapCancel: () => _pressInput?.value = false,
|
|
onTapUp: (_) => _pressInput?.value = false,
|
|
child: Stack(
|
|
children: [
|
|
Rive(
|
|
fit: BoxFit.cover,
|
|
artboard: _riveArtboard!,
|
|
),
|
|
Align(
|
|
alignment: Alignment.bottomCenter,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(18.0),
|
|
child: Text(
|
|
'Try pressing the button...',
|
|
style: TextStyle(
|
|
fontSize: 22,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.grey[800],
|
|
),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|