quran_kit_pro_ui 0.1.0
quran_kit_pro_ui: ^0.1.0 copied to clipboard
Complete Quran UI toolkit for Flutter — 33 ready-made widgets and 6 screens for Quran reading, audio playback, tafsir, search, bookmarks, and more. Built on top of quran_kit_pro_core.
quran_kit_pro_ui #
Complete Quran UI toolkit for Flutter — 33 widgets and 6 screens for Quran reading, audio, tafsir, search, and more.
Built on quran_kit_pro_core (all services re-exported automatically).
Architecture #
┌──────────────────────────────────────────┐
│ quran_kit_pro_ui │ ← THIS PACKAGE
│ 33 Widgets │ 6 Screens │
├──────────────────────────────────────────┤
│ quran_kit_pro_core │ ← Auto re-exported
│ Services │ Models │ Data │ Kit │
└──────────────────────────────────────────┘
Quick Start #
dependencies:
quran_kit_pro_ui: ^0.1.0
# quran_kit_pro_core is included automatically
import 'package:quran_kit_pro_ui/quran_kit_pro_ui.dart';
// Initialize
await QuranKit.initialize(QuranKitConfig());
// Use a ready-made screen
Navigator.push(context, MaterialPageRoute(
builder: (_) => QuranReaderScreen(controller: controller),
));
Ready-Made Screens #
| Screen | Description |
|---|---|
QuranReaderScreen |
Full Quran reader with page view, audio bar, bookmarks |
QuranSearchScreen |
Arabic text search with results |
QuranSettingsScreen |
Reciter, translation, theme, qiraa settings |
AyahDetailsScreen |
Tafsir, word-by-word, asbab al-nuzul for an ayah |
QuranBookmarksScreen |
Saved bookmarks list |
QuranDownloadsScreen |
Offline audio/text download management |
Modular Imports #
| Import | Contents |
|---|---|
rendering_ui.dart |
Page views + font pipeline |
audio_ui.dart |
Player bar + audio service |
tafsir_ui.dart |
Tafsir sheet + service |
text_ui.dart |
Edition picker + text service |
search_ui.dart |
Search bar + engine |
word_ui.dart |
Word info sheet + service |
content_ui.dart |
Asbab nuzul sheet |
reading_ui.dart |
Wird tracker + stats |
theme_ui.dart |
Night mode widget |
navigation_ui.dart |
Index, bookmarks, juz list |
screens.dart |
All 6 screens |
License #
MIT — see LICENSE.