fstories_widget

Description:

fstories widget

Flutter package that allows you to use stories mechanism in your Flutter app. It can customizeble. Package don't use external dependencies.
Usage #
StoriesPage requires at least three arguments: content, cardDecoration.
/// Minimum example:
return Scaffold(
body: StoriesCardList(
cards: [
StoriesPage(
cardDecoration: const CardDecorationWidget(
imageSrc: 'images/s.png',
shape: Shape.rectangle,
size: Size(65, 85),
color: Color(0xffb74093),
),
content: [
'images/6.jpeg',
],
),
]
copied to clipboard
The example above just shows 1 story by 1 page.
One more example.
@override
Widget build(BuildContext context) {
return StoriesCardList(
cards: [
StoriesPage(
name: 'man mustaches',
borderDecoration: BorderDecoration(
color: Colors.orange.withOpacity(0.5),
strokeWidth: 7,
),
cardDecoration: const CardDecorationWidget(
imageSrc: 'images/s.png',
shape: Shape.rectangle,
size: Size(65, 85),
color: Color(0xffb74093),
),
content: [
'images/6.jpeg',
'images/7.jpeg',
'images/8.jpeg',
'images/9.jpeg',
],
),
StoriesPage(
name: 'man2',
cardDecoration: const CardDecorationWidget(
imageSrc: 'images/2.png',
shape: Shape.rectangle,
size: Size(65, 85),
color: Color(0xffb74093),
),
content: [
'images/7.jpeg',
],
),

StoriesPage(
name: 'croc',
cardDecoration: const CardDecorationWidget(
imageSrc: 'images/croc.png',
shape: Shape.rectangle,
size: Size(65, 85),
color: Color(0xffb74093),
),
content: [
'images/12.jpeg',
],
),
StoriesPage(
name: 'statue',
cardDecoration: const CardDecorationWidget(
imageSrc: 'images/stoneFace.jpeg',
shape: Shape.rectangle,
size: Size(65, 85),
color: Color(0xffb74093),
),
content: [
'images/18.jpeg',
'images/17.jpeg',
'images/14.jpeg',
'images/21.jpeg',
'images/19.jpeg',
'images/8.jpeg',
],
),

StoriesPage(
name: 'no_had',
cardDecoration: const CardDecorationWidget(
imageSrc: 'images/_.jpeg',
shape: Shape.rectangle,
size: Size(65, 85),
color: Color(0xffb74093),
),
content: [
'images/13.jpeg',
'images/10.jpeg',
'images/14.jpeg',
],
),
],
);
}
copied to clipboard