ayahsBuild method

Implementation

Flexible ayahsBuild(BuildContext context) {
  return Flexible(
    flex: 9,
    child: GetX<QuranCtrl>(
      builder: (quranCtrl) => ListView(
        children: quranCtrl.searchResultAyahs
            .map(
              (ayah) => Column(
                children: [
                  ListTile(
                    title: Text(
                      ayah.text.replaceAll('\n', ' '),
                      style: QuranLibrary().hafsStyle.copyWith(
                            color: isDark ? Colors.white : Colors.black,
                          ),
                    ),
                    subtitle: Text(
                      ayah.arabicName!,
                      style: TextStyle(
                        color: isDark ? Colors.white : Colors.black,
                      ),
                    ),
                    contentPadding:
                        const EdgeInsets.symmetric(horizontal: 16),
                    onTap: () async {
                      Navigator.pop(context);
                      quranCtrl.searchResultAyahs.value = [];
                      quranCtrl.isDownloadFonts
                          ? await quranCtrl.prepareFonts(ayah.page)
                          : null;
                      QuranLibrary().jumpToAyah(ayah.page, ayah.ayahUQNumber);
                    },
                  ),
                  const Divider(
                    color: Colors.grey,
                    thickness: 1,
                  ),
                ],
              ),
            )
            .toList(),
      ),
    ),
  );
}