easy_presentation 2.0.0 copy "easy_presentation: ^2.0.0" to clipboard
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 #

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

9
likes
150
pub points
48%
popularity

Publisher

verified publishernooralibutt.com

This package presents your data in the form of clean presentation view, it also supports simple text, markdown, youtube videos and tabular data form.

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

cached_network_image, flutter, flutter_markdown, youtube_player_flutter

More

Packages that depend on easy_presentation