Виджет RotationTransition
Виджет RotationTransition принимает turns и child.
Синтаксис
RotationTransition(turns: animation, child: child)
Параметры
| Параметр | Описание |
|---|---|
turns |
Animation поворота в долях оборота.
|
child |
Виджет, который крутится. |
Пример
Давайте показать переход:
import 'package:flutter/material.dart';
class Pulse extends StatefulWidget
{
const Pulse({super.key});
@override
State<Pulse> createState() => _PulseState();
}
class _PulseState extends State<Pulse> with SingleTickerProviderStateMixin
{
late AnimationController _controller;
@override
void initState()
{
super.initState();
_controller = AnimationController(
vsync: this,
duration: Duration(milliseconds: 600),
);
}
@override
void dispose()
{
_controller.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return MaterialApp(home: Scaffold(body: Center(child: RotationTransition(turns: _controller, child: Text('abcde')))));
}
}
void main(){runApp(const Pulse());}
На экране 'abcde' через RotationTransition.
Пример
Давайте второй кадр:
import 'package:flutter/material.dart';
class Pulse extends StatefulWidget
{
const Pulse({super.key});
@override
State<Pulse> createState() => _PulseState();
}
class _PulseState extends State<Pulse> with SingleTickerProviderStateMixin
{
late AnimationController _controller;
@override
void initState()
{
super.initState();
_controller = AnimationController(
vsync: this,
duration: Duration(milliseconds: 600),
);
}
@override
void dispose()
{
_controller.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return MaterialApp(home: Scaffold(body: Center(child: RotationTransition(turns: _controller, child: Text('12345')))));
}
}
void main(){runApp(const Pulse());}
На экране '12345' через RotationTransition.
Смотрите также
-
класс
AnimationController,
который задаётduration -
класс
Curves,
который задаётcurve -
виджет
AnimatedBuilder,
когда нужен ручнойbuilder -
виджет
MaterialApp,
корень примеров