banai_delayed_displays 1.0.3 
banai_delayed_displays: ^1.0.3 copied to clipboard
banai.com.cnYou can delay the display of widgets with gradient and offset animations.
import 'package:flutter/material.dart';
import 'package:banai_delayed_displays/banai_delayed_displays.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatefulWidget {
const MyApp({Key? key}) : super(key: key);
@override
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
final BanaiDelayedDisplaysController _banaiDelayedDisplaysController = BanaiDelayedDisplaysController();
@override
void initState() {
super.initState();
}
@override
void dispose() {
super.dispose();
_banaiDelayedDisplaysController.dispose();
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.pinkAccent,
body: SizedBox(
width: double.infinity,
child: ListView(
children: [
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
key: Key('1'),
fadeIn: true,
from: Offset(0, 0.35),
delay: Duration(milliseconds: 300),
duration: Duration(milliseconds: 500),
placelholder: Text(''),
child: Center(
child: Text('delayed_displays_example'),
),
),
GestureDetector(
child: BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
key: const Key('2'),
fadeIn: true,
from: const Offset(0, 0.35),
delay: const Duration(milliseconds: 600),
duration: const Duration(milliseconds: 500),
placelholder: Center(
child: Container(
width: 200,
height: 50,
color: Colors.transparent,
),
),
child: Center(
child: Container(
width: 200,
height: 50,
color: Colors.blue,
child: const Center(
child: Text('delayed_displays_example'),
),
),
),
),
onTap: (){
_banaiDelayedDisplaysController.dispose();
},
),
Container(
height: 100,
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
key: Key('3'),
fadeIn: true,
from: Offset(0.35, 0.35),
delay: Duration(milliseconds: 300),
duration: Duration(milliseconds: 500),
placelholder: Text(''),
child: Center(
child: Text('delayed_displays_example'),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
key: const Key('4'),
fadeIn: true,
from: const Offset(-0.35, 0.35),
delay: const Duration(milliseconds: 300),
duration: const Duration(milliseconds: 500),
placelholder: Center(
child: Container(
width: 200,
height: 50,
color: Colors.transparent,
),
),
child: Center(
child: Container(
width: 200,
height: 50,
color: Colors.blue,
child: const Text('delayed_displays_example'),
),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
key: Key('6'),
fadeIn: true,
from: Offset(0, 0.35),
delay: Duration(milliseconds: 300),
duration: Duration(milliseconds: 500),
placelholder: Text(''),
child: Center(
child: Text('delayed_displays_example'),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
key: const Key('7'),
fadeIn: true,
from: const Offset(0, 0.35),
delay: const Duration(milliseconds: 600),
duration: const Duration(milliseconds: 500),
placelholder: Center(
child: Container(
width: 200,
height: 50,
color: Colors.transparent,
),
),
child: Center(
child: Container(
width: 200,
height: 50,
color: Colors.blue,
child: const Center(
child: Text('delayed_displays_example'),
),
),
),
),
Container(
height: 100,
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: Offset(0.35, 0.35),
delay: Duration(milliseconds: 300),
duration: Duration(milliseconds: 500),
placelholder: Text(''),
child: Center(
child: Text('delayed_displays_example'),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: const Offset(-0.35, 0.35),
delay: const Duration(milliseconds: 300),
duration: const Duration(milliseconds: 500),
placelholder: Center(
child: Container(
width: 200,
height: 50,
color: Colors.transparent,
),
),
child: Center(
child: Container(
width: 200,
height: 50,
color: Colors.blue,
child: const Text('delayed_displays_example'),
),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: Offset(0, 0.35),
delay: Duration(milliseconds: 300),
duration: Duration(milliseconds: 500),
placelholder: Text(''),
child: Center(
child: Text('delayed_displays_example'),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: const Offset(0, 0.35),
delay: const Duration(milliseconds: 600),
duration: const Duration(milliseconds: 500),
placelholder: Center(
child: Container(
width: 200,
height: 50,
color: Colors.transparent,
),
),
child: Center(
child: Container(
width: 200,
height: 50,
color: Colors.blue,
child: const Center(
child: Text('delayed_displays_example'),
),
),
),
),
Container(
height: 100,
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: Offset(0.35, 0.35),
delay: Duration(milliseconds: 300),
duration: Duration(milliseconds: 500),
placelholder: Text(''),
child: Center(
child: Text('delayed_displays_example'),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: const Offset(-0.35, 0.35),
delay: const Duration(milliseconds: 300),
duration: const Duration(milliseconds: 500),
placelholder: Center(
child: Container(
width: 200,
height: 50,
color: Colors.transparent,
),
),
child: Center(
child: Container(
width: 200,
height: 50,
color: Colors.blue,
child: const Text('delayed_displays_example'),
),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: Offset(0, 0.35),
delay: Duration(milliseconds: 300),
duration: Duration(milliseconds: 500),
placelholder: Text(''),
child: Center(
child: Text('delayed_displays_example'),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: const Offset(0, 0.35),
delay: const Duration(milliseconds: 600),
duration: const Duration(milliseconds: 500),
placelholder: Center(
child: Container(
width: 200,
height: 50,
color: Colors.transparent,
),
),
child: Center(
child: Container(
width: 200,
height: 50,
color: Colors.blue,
child: const Center(
child: Text('delayed_displays_example'),
),
),
),
),
Container(
height: 100,
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: Offset(0.35, 0.35),
delay: Duration(milliseconds: 300),
duration: Duration(milliseconds: 500),
placelholder: Text(''),
child: Center(
child: Text('delayed_displays_example'),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: const Offset(-0.35, 0.35),
delay: const Duration(milliseconds: 300),
duration: const Duration(milliseconds: 500),
placelholder: Center(
child: Container(
width: 200,
height: 50,
color: Colors.transparent,
),
),
child: Center(
child: Container(
width: 200,
height: 50,
color: Colors.blue,
child: const Text('delayed_displays_example'),
),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: Offset(0, 0.35),
delay: Duration(milliseconds: 300),
duration: Duration(milliseconds: 500),
placelholder: Text(''),
child: Center(
child: Text('delayed_displays_example'),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: const Offset(0, 0.35),
delay: const Duration(milliseconds: 600),
duration: const Duration(milliseconds: 500),
placelholder: Center(
child: Container(
width: 200,
height: 50,
color: Colors.transparent,
),
),
child: Center(
child: Container(
width: 200,
height: 50,
color: Colors.blue,
child: const Center(
child: Text('delayed_displays_example'),
),
),
),
),
Container(
height: 100,
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: Offset(0.35, 0.35),
delay: Duration(milliseconds: 300),
duration: Duration(milliseconds: 500),
placelholder: Text(''),
child: Center(
child: Text('delayed_displays_example'),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: const Offset(-0.35, 0.35),
delay: const Duration(milliseconds: 300),
duration: const Duration(milliseconds: 500),
placelholder: Center(
child: Container(
width: 200,
height: 50,
color: Colors.transparent,
),
),
child: Center(
child: Container(
width: 200,
height: 50,
color: Colors.blue,
child: const Text('delayed_displays_example'),
),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: Offset(0, 0.35),
delay: Duration(milliseconds: 300),
duration: Duration(milliseconds: 500),
placelholder: Text(''),
child: Center(
child: Text('delayed_displays_example'),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: const Offset(0, 0.35),
delay: const Duration(milliseconds: 600),
duration: const Duration(milliseconds: 500),
placelholder: Center(
child: Container(
width: 200,
height: 50,
color: Colors.transparent,
),
),
child: Center(
child: Container(
width: 200,
height: 50,
color: Colors.blue,
child: const Center(
child: Text('delayed_displays_example'),
),
),
),
),
Container(
height: 100,
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: Offset(0.35, 0.35),
delay: Duration(milliseconds: 300),
duration: Duration(milliseconds: 500),
placelholder: Text(''),
child: Center(
child: Text('delayed_displays_example'),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: const Offset(-0.35, 0.35),
delay: const Duration(milliseconds: 300),
duration: const Duration(milliseconds: 500),
placelholder: Center(
child: Container(
width: 200,
height: 50,
color: Colors.transparent,
),
),
child: Center(
child: Container(
width: 200,
height: 50,
color: Colors.blue,
child: const Text('delayed_displays_example'),
),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: Offset(0, 0.35),
delay: Duration(milliseconds: 300),
duration: Duration(milliseconds: 500),
placelholder: Text(''),
child: Center(
child: Text('delayed_displays_example'),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: const Offset(0, 0.35),
delay: const Duration(milliseconds: 600),
duration: const Duration(milliseconds: 500),
placelholder: Center(
child: Container(
width: 200,
height: 50,
color: Colors.transparent,
),
),
child: Center(
child: Container(
width: 200,
height: 50,
color: Colors.blue,
child: const Center(
child: Text('delayed_displays_example'),
),
),
),
),
Container(
height: 100,
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: Offset(0.35, 0.35),
delay: Duration(milliseconds: 300),
duration: Duration(milliseconds: 500),
placelholder: Text(''),
child: Center(
child: Text('delayed_displays_example'),
),
),
BanaiDelayedDisplays(
banaiDelayedDisplaysController: _banaiDelayedDisplaysController,
fadeIn: true,
from: const Offset(-0.35, 0.35),
delay: const Duration(milliseconds: 300),
duration: const Duration(milliseconds: 500),
placelholder: Center(
child: Container(
width: 200,
height: 50,
color: Colors.transparent,
),
),
child: Center(
child: Container(
width: 200,
height: 50,
color: Colors.blue,
child: const Text('delayed_displays_example'),
),
),
),
],
),
),
),
);
}
}Metadata
2
likes
130
pub points
41%
popularity
Publisher
Metadata
You can delay the display of widgets with gradient and offset animations.
Repository (GitHub)
View/report issues
Documentation
License
MIT (LICENSE)
