easy_presentation 1.0.0 copy "easy_presentation: ^1.0.0" to clipboard
easy_presentation: ^1.0.0 copied to clipboard

To present data in cover detail section

Easy Presentation #

pub package Last Commits Pull Requests Code size License

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.

Authors #

Noor Ali Butt

GitHub Follow LinkedIn Link

Hanzla Waheed

GitHub Follow LinkedIn Link