flutter/rive-flutter
1
0
Fork 0
mirror of https://github.com/rive-app/rive-flutter.git synced 2025-07-15 06:30:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: updated example and readme

Browse Source 
Diffs=
a259b57b2 style: clean up example app
483978f10 docs: update readme
This commit is contained in:
HayesGordon
2023-01-11 21:04:30 +00:00
parent 82e5dc984c
commit 0767844a56
19 changed files with 305 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
example/lib/little_machine.dart
View File

@ -7,7 +7,7 @@ class LittleMachine extends StatefulWidget {
const LittleMachine({Key? key}) : super(key: key);
@override
_LittleMachineState createState() => _LittleMachineState();
State<LittleMachine> createState() => _LittleMachineState();
}
class _LittleMachineState extends State<LittleMachine> {
@ -58,36 +58,40 @@ class _LittleMachineState extends State<LittleMachine> {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.grey,
appBar: AppBar(
title: const Text('Little Machine'),
),
body: Center(
child: _riveArtboard == null
? const SizedBox()
: GestureDetector(
onTapDown: (_) => _trigger?.value = true,
child: Column(
children: [
const SizedBox(height: 10),
const Text(
'Press to activate!',
style: TextStyle(
fontSize: 18,
),
),
const SizedBox(height: 10),
Expanded(
child: Rive(
artboard: _riveArtboard!,
),
),
const SizedBox(height: 10),
Text('$stateChangeMessage'),
const SizedBox(height: 10),
],
appBar: AppBar(title: const Text('Little Machine')),
body: Stack(
children: [
_riveArtboard == null
? const SizedBox()
: GestureDetector(
onTapDown: (_) => _trigger?.value = true,
child: Rive(
artboard: _riveArtboard!,
fit: BoxFit.cover,
),
),
const Align(
alignment: Alignment.topCenter,
child: Padding(
padding: EdgeInsets.all(16.0),
child: Text(
'Press to activate!',
style: TextStyle(fontSize: 18, color: Colors.black),
),
),
),
Align(
alignment: Alignment.bottomCenter,
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Text(
stateChangeMessage,
style: const TextStyle(
color: Colors.black, fontWeight: FontWeight.bold),
),
),
)
],
),
);
}