Quran Pages with Ayah Detector #

A Flutter package that shows Quran pages and allows detecting ayah taps.

Important Installations #

Install Quran Images/Fonts using this Executable Command.

Example:- pageImagePath: "asset/pages/", INCLUDE ONLY THE PATH TO ALL IMAGES. fontFamilyName: "suraNameFont".

dart run quran_pages_with_ayah_detector:quran_pages_cli fetch-assets

This command will install QuranPages to your assets/pages/ & FontFile to your assets/fonts/ automatically and will do important modifications to your pubspec.yaml to have the assets imported and ready to use for the package.

Preview #

[Preview]

Usage #

QuranPageView(
  pathImagePath: "assets/pages/", // Default but can be modified based on images path

  // ~optional parameters for ui customization

  onAyahTap: (sura, ayah, page) {
    // Custom logic when an ayah is tapped
  },
)