Виджет DecoratedBoxTransition
DecoratedBoxTransition(decoration: animation, child: child)
Синтаксис
DecoratedBoxTransition(
decoration: decoration,
child: child,
)
Параметры
| Параметр | Описание |
|---|---|
decoration |
Animation Decoration.
|
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:DecoratedBoxTransition(decoration:d,child:Padding(padding:EdgeInsets.all(16),child:Text('abcde'))))));},
),
);
}
}
void main(){runApp(const Pulse());}
На экране 'abcde' на фоне decoration.
Пример
Пример 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: Center(child:DecoratedBoxTransition(decoration:d,child:Text('12345')))));},
),
);
}
}
void main(){runApp(const Pulse());}
На экране '12345'.
Смотрите также
-
класс
AnimationController,
который задаётduration -
класс
Curves,
который задаётcurve -
виджет
AnimatedBuilder,
когда нужен ручнойbuilder -
виджет
MaterialApp,
корень примеров