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 | |
| seperator | Widget | NO | null | |
| infinity | bool | NO | true | |
| interaction | bool | NO | true | |
| autoStart | bool | NO | true | |
| 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 |
| onStoped | void Function() | callback | NO | null |
final controller = MarqueerController();
/// controller.start()
/// controller.stop()
/// 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');
},
onStoped: () {
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.',
),
),
);
Basic usage
SizedBox(
height: 50,
child:Marqueer(
child: AnyWidget()
)
)
