quran_pages_with_ayah_detector 0.1.0 copy "quran_pages_with_ayah_detector: ^0.1.0" to clipboard
quran_pages_with_ayah_detector: ^0.1.0 copied to clipboard

A Flutter package to show Quran pages with tap-detectable ayahs.

example/main.dart

import 'dart:developer';

import 'package:flutter/material.dart';
import 'package:quran_pages_with_ayah_detector/quran_pages_with_ayah_detector.dart';

void main() {
  runApp(const MainApp());
}

class MainApp extends StatelessWidget {
  const MainApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(),
      // theme: ThemeData.dark(), //? Use ThemeModes with themeModeAdaption = true
      home: Scaffold(
        body: QuranPageView(
          //! ALL IMAGES IN "assets/pages/1.png~604.png"
          pageImagePath:
              "assets/pages/", // Default path. Change if needed based on images path
          debuggingMode: false,
          themeModeAdaption: false,
          textColor: Colors.black,
          onAyahTap: (sura, ayah, pageNumber) {
            log("Sura Number: ${sura.toString()}");
            log("Ayah Number: ${ayah.toString()}");
            log("Page Number: ${pageNumber.toString()}");
          },
        ),
      ),
    );
  }
}
11
likes
0
points
44
downloads

Publisher

unverified uploader

Weekly Downloads

A Flutter package to show Quran pages with tap-detectable ayahs.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

archive, args, flutter, http, path, yaml, yaml_edit

More

Packages that depend on quran_pages_with_ayah_detector