mirror of
https://github.com/rive-app/rive-flutter.git
synced 2025-11-08 17:05:58 +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>
84 lines
2.6 KiB
Dart
84 lines
2.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:rive/rive.dart';
|
|
|
|
/// An example showing how to drive a StateMachine via one numeric input.
|
|
class StateMachineSkills extends StatefulWidget {
|
|
const StateMachineSkills({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<StateMachineSkills> createState() => _StateMachineSkillsState();
|
|
}
|
|
|
|
class _StateMachineSkillsState extends State<StateMachineSkills> {
|
|
Artboard? _riveArtboard;
|
|
SMINumber? _levelInput;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
_loadRiveFile();
|
|
}
|
|
|
|
Future<void> _loadRiveFile() async {
|
|
final file = await RiveFile.asset('assets/skills.riv');
|
|
|
|
// The artboard is the root of the animation and gets drawn in the
|
|
// Rive widget.
|
|
final artboard = file.mainArtboard;
|
|
var controller =
|
|
StateMachineController.fromArtboard(artboard, 'Designer\'s Test');
|
|
if (controller != null) {
|
|
artboard.addController(controller);
|
|
_levelInput = controller.getNumberInput('Level');
|
|
}
|
|
setState(() => _riveArtboard = artboard);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text('Skills Machine'),
|
|
),
|
|
body: Center(
|
|
child: _riveArtboard == null
|
|
? const SizedBox()
|
|
: Stack(
|
|
children: [
|
|
Positioned.fill(
|
|
child: Rive(
|
|
artboard: _riveArtboard!,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
Positioned.fill(
|
|
bottom: 32,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
ElevatedButton(
|
|
child: const Text('Beginner'),
|
|
onPressed: () => _levelInput?.value = 0,
|
|
),
|
|
const SizedBox(width: 10),
|
|
ElevatedButton(
|
|
child: const Text('Intermediate'),
|
|
onPressed: () => _levelInput?.value = 1,
|
|
),
|
|
const SizedBox(width: 10),
|
|
ElevatedButton(
|
|
child: const Text('Expert'),
|
|
onPressed: () => _levelInput?.value = 2,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|