easy_presentation 2.0.0 easy_presentation: ^2.0.0 copied to clipboard
This package presents your data in the form of clean presentation view, it also supports simple text, markdown, youtube videos and tabular data form.
Easy Presentation #
Show some 💙, 👍 the package & ⭐️ the repo to support the project
Features #
- Support for local and network images
- Support for youtube videos
- Support for Markdown
- Sliver app bar
- Input Json formatted data
How to use #
There are two ways to use Easy Presentation.
1: Stand-Alone App mode #
EasyPresentationApp.launchApp(
context,
presentationData: PresentationData(),
title: 'Title',
bgImage: 'https://nicolasgallagher.com/flexible-css-cover-images/cover.jpg',
);
2: Add to Widget-Tree #
EasyPresentationApp(
title: 'Title',
bgImage: 'https://nicolasgallagher.com/flexible-css-cover-images/cover.jpg',
presentationData: PresentationData(),
);
Additional Info #
Data Model #
Prepare model list and pass it to the EasyPresentationApp()
widget.
final presentationData = [
PresentationData(
title: 'Lorem Ipsum',
imgSrc: 'assets/images/home/tips.jpg',
youtubeLink: "https://youtu.be/YGbiPnxUG9U",
detailText: 'Lorem Ipsum is simply dummy text ....',
),
PresentationData(
title: 'Lorem Ipsum',
imgSrc: 'https://nicolasgallagher.com/flexible-css-cover-images/cover.jpg',
detailText: 'Lorem Ipsum is simply dummy text ....',
),
PresentationData(
title: 'Lorem Ipsum',
imgSrc: 'https://nicolasgallagher.com/flexible-css-cover-images/cover.jpg',
subCategories: [
PresentationData(
title: 'Lorem Ipsum',
imgSrc: 'https://nicolasgallagher.com/flexible-css-cover-images/cover.jpg',
youtubeLink: "https://youtu.be/YGbiPnxUG9U",
detailText: 'Lorem Ipsum is simply dummy text ....',
),
PresentationData(
title: 'Lorem Ipsum',
imgSrc: 'assets/images/home/tips.jpg',
imageMode: ImageMode.landscape.name,
youtubeLink: "https://youtu.be/YGbiPnxUG9U",
detailText: 'Lorem Ipsum is simply dummy text ....',
),
PresentationData(
title: 'Lorem Ipsum',
imgSrc: 'https://nicolasgallagher.com/flexible-css-cover-images/cover.jpg',
youtubeLink: "https://youtu.be/YGbiPnxUG9U",
detailText: 'Lorem Ipsum is simply dummy text ....',
),
],
),
];
See Example for better understanding.