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.4 KiB
Dart
80 lines
2.4 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:rive/rive.dart';
|
|
|
|
/// An example showing how to drive a StateMachine via a trigger and number
|
|
/// input.
|
|
class LiquidDownload extends StatefulWidget {
|
|
const LiquidDownload({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<LiquidDownload> createState() => _LiquidDownloadState();
|
|
}
|
|
|
|
class _LiquidDownloadState extends State<LiquidDownload> {
|
|
Artboard? _riveArtboard;
|
|
SMITrigger? _start;
|
|
SMINumber? _progress;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_loadRiveFile();
|
|
}
|
|
|
|
Future<void> _loadRiveFile() async {
|
|
final file = await RiveFile.asset('assets/liquid_download.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, 'Download');
|
|
if (controller != null) {
|
|
artboard.addController(controller);
|
|
_start = controller.getTriggerInput('Download');
|
|
_progress = controller.getNumberInput('Progress');
|
|
}
|
|
setState(() => _riveArtboard = artboard);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text('Liquid Download'),
|
|
),
|
|
body: Center(
|
|
child: _riveArtboard == null
|
|
? const SizedBox()
|
|
: GestureDetector(
|
|
onTapDown: (_) => _start?.value = true,
|
|
child: Column(
|
|
children: [
|
|
const SizedBox(height: 10),
|
|
const Text(
|
|
'Press to activate, slide for progress...',
|
|
style: TextStyle(
|
|
fontSize: 18,
|
|
),
|
|
),
|
|
Slider(
|
|
value: _progress!.value,
|
|
min: 0,
|
|
max: 100,
|
|
label: _progress!.value.round().toString(),
|
|
onChanged: (double value) => setState(() {
|
|
_progress!.value = value;
|
|
}),
|
|
),
|
|
const SizedBox(height: 10),
|
|
Expanded(
|
|
child: Rive(
|
|
artboard: _riveArtboard!,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|