Description:
marqueer
Transform to "Marquee" from any widget.
Marquee #
Argument
Type
Description
Required
Default
child
Widget
YES
-
pps
double
Pixel Per Second
NO
15.0
direction
enum
NO
MarqueerDirection.rtl
padding
EdgeInsets
ListView Padding
NO
EdgeInsets.zero
separatorBuilder
Widget Function(BuildContext context, int index)
NO
null
infinity
bool
NO
true
interaction
bool
NO
true
autoStart
bool
NO
true
autoStartAfter
Duration
NO
Duration.zero
restartAfterInteraction
bool
NO
true
restartAfterInteractionDuration
Duration
NO
Duration(seconds: 3)
controller
MarqueerController
NO
null
onChangeItemInViewPort
void Function(index int)
callback
NO
null
onInteraction
void Function()
callback
NO
null
onStarted
void Function()
callback
NO
null
onStopped
void Function()
callback
NO
null
itemBuilder
Widget Function(BuildContext context, int index)
callback
YES
null
itemCount
int
NO
null
final controller = MarqueerController();
/// controller.start()
/// controller.stop()
/// controller.forward()
/// controller.backward()
/// controller.interactionEnabled(false)
SizedBox(
height: 30,
child: Marqueer(
pps: 100, /// optional
controller: controller, /// optional
direction: MarqueerDirection.rtl, /// optional
restartAfterInteractionDuration: const Duration(seconds: 6), /// optional
restartAfterInteraction: false, /// optional
onChangeItemInViewPort: (index) {
print('item index: $index');
},
onInteraction: () {
print('on interaction callback');
},
onStarted: () {
print('on started callback');
},
onStopped: () {
print('on stopped callback');
},
child: const Text(
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pretium massa mollis lorem blandit imperdiet. Nulla mattis vitae mauris vel condimentum. Nam posuere, augue vitae lobortis consequat, odio ante condimentum est, at maximus augue purus id metus. Curabitur condimentum aliquet ante at aliquet. Quisque vel massa congue, bibendum leo sodales, malesuada ante. Maecenas sed tortor quis ipsum dictum sollicitudin.',
),
),
);
copied to clipboard
Use with builder
SizedBox(
height: 50,
child: Marqueer.builder(
itemCount: 200,
itemBuilder: (context, index) {
return Padding(
padding: EdgeInsets.all(4),
child: Text('index: $index'),
);
},
),
),
copied to clipboard
Basic usage
SizedBox(
height: 50,
child: Marqueer(
child: AnyWidget()
)
)
copied to clipboard
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Customer Reviews
There are no reviews.
