Виджет PositionedTransition
PositionedTransition(rect: animation, child: child)
Синтаксис
PositionedTransition(
rect: rect,
child: child,
)
Параметры
| Параметр | Описание |
|---|---|
rect |
Animation Rect в Stack.
|
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: SizedBox(height:120,width:200,child:Stack(children:[PositionedTransition(rect:r,child:Text('abcde'))]))));},
),
);
}
}
void main(){runApp(const Pulse());}
На экране 'abcde' двигается.
Пример
Пример 2:
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: SizedBox(height:120,width:200,child:Stack(children:[PositionedTransition(rect:r,child:Text('12345'))]))));},
),
);
}
}
void main(){runApp(const Pulse());}
На экране '12345'.
Смотрите также
-
класс
AnimationController,
который задаётduration -
класс
Curves,
который задаётcurve -
виджет
AnimatedBuilder,
когда нужен ручнойbuilder -
виджет
MaterialApp,
корень примеров