A RenderFlex overflowed by 4.0 pixels on the bottom

Question

so I create apps by use flutter in android studio

and I get an error this is my error

A RenderFlex overflowed by 4.0 pixels on the bottom.

this is my main.dart :

  @override
  Widget build(BuildContext ctxt) {
    return new Scaffold(
      body: ListView.builder(
        shrinkWrap: true,
        scrollDirection: Axis.vertical,
        padding:  new EdgeInsets.only(right: 13.0),
        itemCount: doa.length,
        itemBuilder: (BuildContext ctxt, int index) {
          final doaIndonesia = doa[index].toString();
          final doaArab = doa_arab[index].toString();
          final artiIndonesia = arti[index].toString();

          return Card(
            child: Container(
              height: 100.0,
              width: 100.0,
              child: Center(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    Text(
                      doa[index],
                      textAlign: TextAlign.center,

                    ),
                    Text(
                      doa_arab[index],
                      textAlign: TextAlign.center,
                    ),
                    Text(
                      arti[index],
                      textAlign: TextAlign.center,
                      overflow: TextOverflow.ellipsis,

                    ),
                  ],
                ),
              ),
            ),
          );
        },
      ),
    );
  }

and I don't know, how to make my list view is not getting the error again

this is the full list of my code

import 'package:flutter/material.dart';

void main() {
  return runApp(
    new MainFrameSlClass1(),
  );
}

class MainFrameSlClass1 extends StatelessWidget {
  @override
  Widget build(BuildContext ctxt) {
    return new MaterialApp(
      home: MainFrameSlClass2(),
    );
  }
}

class MainFrameSlClass2 extends StatelessWidget {
  List<String> doa = [
    "Doa sebelum makan",
    "Doa setelah makan",
    "Doa ketika makan lupa membaca doa",
    "Doa sebelum tidur",
    "Doa bangun tidur",
    "Doa ketika mendapat mimpi buruk",
    "Doa ketika mendapat mimpi baik",
    "Doa masuk kamar mandi atau toilet",
    "Doa keluar kamar mandi atau toilet",
    "Doa istinja",
    "Doa menjelang sholat subuh",
    "Doa menyambut pagi hari",
    "Doa menyambut sore hari",
    "Doa ketika becermin",
    "Doa masuk rumah",
    "Doa keluar rumah",
    "Doa memakai pakaian",
    "Doa memakai pakaian baru",
    "Doa melepas pakaian",
    "Doa memohon ilmu yang bermanfaat",
    "Doa sebelum belajar",
    "Doa setelah belajar",
    "Doa bepergian",
    "Doa naik kendaraan",
    "Doa naik kapal",
    "Doa ketika sampai tempat tujuan",
    "Doa ketika menuju masjid",
    "Doa masuk masjid",
    "Doa keluar masjid",
    "Doa akan membaca Al Quran",
    "Doa setelah membaca Al Quran",
  ];

  List<String> doa_arab = [
    "اَللَّهُمَّ بَارِكْ لَنَا فِيْمَا رَزَقْتَنَا وَقِنَا عَذَابَ النَّارِ",
    "اَلْحَمْدُ ِللهِ الَّذِىْ اَطْعَمَنَا وَسَقَانَا وَجَعَلَنَا مُسْلِمِيْنَ",
    "بِسْمِ اللهِ فِىِ أَوَّلِهِ وَآخِرِهِ",
    "بِسْمِكَ اللّٰهُمَّ اَحْيَا وَاَمُوْتُ",
    "اَلْحَمْدُ ِللهِ الَّذِىْ اَحْيَانَا بَعْدَمَآ اَمَاتَنَا وَاِلَيْهِ النُّشُوْرُ",
    "اَللّٰهُمَّ إِنّىِ أَعُوْذُ بِكَ مِنْ عَمَلِ الشَّيْطَانِ وَسَيِّئاَتِ اْلأَحْلاَمِ",
    "اَلْحَمْدُ ِللهِ الَّذِيْ قَطْلَ الْحَاجَتِ",
    "اَللّٰهُمَّ اِنّىْ اَعُوْذُبِكَ مِنَ الْخُبُثِ وَالْخَبَآئِثِ",
    "غُفْرَانَكَ الْحَمْدُ ِللهِ الَّذِىْ اَذْهَبَ عَنّى اْلاَذَى وَعَافَانِىْ",
    "اَللّٰهُمَّ طَهِّرُ قَلْبِىْ مِنَ النِّفَاقِ وَحَصِّنْ فَرْخِىْ مِنَ الْفَوَاحِشِ",
    "اَللّٰهُمَّ اِنِّى اَعُوْذُ بِكَ مِنْ ضِيْقِ الدُّنْيَا وَضِيْقِ يَوْمِ الْقِيَامَةِ",
    "اَللّٰهُمَّ بِكَ اَصْبَحْنَا وَبِكَ اَمْسَيْنَا وَبِكَ نَحْيَا وَبِكَ نَمُوْتُ وَاِلَيْكَ النُّشُوْرُ",
    "اَللّٰهُمَّ بِكَ اَمْسَيْنَا وَبِكَ اَصْبَحْنَا وَبِكَ نَحْيَا وَبِكَ نَمُوْتُ وَاِلَيْكَ الْمَصِيْرُ",
    "اَلْحَمْدُ ِللهِ كَمَا حَسَّنْتَ خَلْقِىْ  فَحَسِّـنْ خُلُقِىْ",
    "اَللّٰهُمَّ اِنّىْ اَسْأَلُكَ خَيْرَالْمَوْلِجِ وَخَيْرَالْمَخْرَجِ بِسْمِ اللهِ وَلَجْنَا وَبِسْمِ اللهِ خَرَجْنَا وَعَلَى اللهِ رَبّنَا تَوَكَّلْنَا",
    "بِسْمِ اللهِ تَوَكَّلْتُ عَلَى اللهِ لاَحَوْلَ وَلاَقُوَّةَ اِلاَّ بِالله",
    "بِسْمِ اللهِ اَللّٰهُمَّ اِنِّى اَسْأَلُكَ مِنْ خَيْرِهِ وَخَيْرِ مَاهُوَ لَهُ وَاَعُوْذُبِكَ مِنْ شَرِّهِ وَشَرِّمَا هُوَلَهُ",
    "اَلْحَمْدُ لِلّٰهِ الَّذِىْ كَسَانِىْ هَذَا وَرَزَقَنِيْهِ مِنْ غَيْرِ حَوْلٍ مِنِّىْ وَلاَقُوَّةٍ",
    "بِسْمِ اللهِ الَّذِيْ لاَ إِلَهَ إِلَّا هُوَ",
    "اَللّٰهُمَّ اِنِّى اَسْأَلُكَ عِلْمًا نَافِعًا وَرِزْقًا طَيِّبًا وَعَمَلاً مُتَقَبَّلاً",
    "يَارَبِّ زِدْنِىْ عِلْمًا وَارْزُقْنِىْ فَهْمًا",
    "اَللّٰهُمَّ اِنِّى اِسْتَوْدِعُكَ مَاعَلَّمْتَنِيْهِ فَارْدُدْهُ اِلَىَّ عِنْدَ حَاجَتِىْ وَلاَ تَنْسَنِيْهِ يَارَبَّ الْعَالَمِيْنَ",
    "اَللّٰهُمَّ هَوِّنْ عَلَيْنَا سَفَرَنَا هَذَا وَاطْوِعَنَّابُعْدَهُ اَللّٰهُمَّ اَنْتَ الصَّاحِبُ فِى السَّفَرِوَالْخَلِيْفَةُفِى الْاَهْلِ",
    "سُبْحَانَ الَّذِىْ سَخَّرَلَنَا هَذَا وَمَاكُنَّالَهُ مُقْرِنِيْنَ وَاِنَّآ اِلَى رَبِّنَا لَمُنْقَلِبُوْنَ",
    "بِسْمِ اللهِ مَجْرَهَا وَمُرْسَهَآاِنَّ رَبِّىْ لَغَفُوْرٌرَّحِيْمٌ",
    "اَلْحَمْدُ ِللهِ الَّذِى سَلَمَنِى وَالَّذِى اَوَنِى وَالَّذِى جَمَعَ الشَّمْلَ بِ",
    "اَللّٰهُمَّ اجْعَلْ فِىْ قَلْبِى نُوْرًا وَفِى لِسَانِىْ نُوْرًا وَفِىْ بَصَرِىْ نُوْرًا وَفِىْ سَمْعِىْ نُوْرًا وَعَنْ يَسَارِىْ نُوْرًا وَعَنْ يَمِيْنِىْ نُوْرًا وَفَوْقِىْ نُوْرًا وَتَحْتِىْ نُوْرًا وَاَمَامِىْ نُوْرًا وَخَلْفِىْ نُوْرًا وَاجْعَلْ لِّىْ نُوْرًا",
    "اَللّٰهُمَّ افْتَحْ لِيْ اَبْوَابَ رَحْمَتِكَ",
    "اَللّٰهُمَّ اِنِّى اَسْأَلُكَ مِنْ فَضْلِكَ",
    "اَللّٰهُمَّ افْتَحْ عَلَىَّ حِكْمَتَكَ وَانْشُرْ عَلَىَّ رَحْمَتَكَ وَذَكِّرْنِىْ مَانَسِيْتُ يَاذَاالْجَلاَلِ وَاْلاِكْرَامِ",
    "اَللّٰهُمَّ ارْحَمْنِىْ بِالْقُرْآنِ. وَاجْعَلْهُ لِىْ اِمَامًا وَنُوْرًا وَّهُدًى وَّرَحْمَةً. اَللّٰهُمَّ ذَكِّرْنِىْ مِنْهُ مَانَسِيْتُ وَعَلِّمْنِىْ مِنْهُ مَاجَهِلْتُ. وَارْزُقْنِىْ تِلاَ وَتَهُ آنَآءَ اللَّيْلِ وَاَطْرَافَ النَّهَارٍ. وَاجْعَلْهُ لِىْ حُجَّةً يَارَبَّ الْعَالَمِيْنَ",
  ];
  List<String> arti = [
    "Artinya: Ya Allah, berkahilah kami dalam rezeki yang telah Engkau berikan kepada kami dan peliharalah kami dari siksa api neraka",
    "Artinya: ,Segala puji bagi Allah yang telah memberi makan kami dan minuman kami, serta menjadikan kami sebagai orang-orang islam",
    "Artinya: ,Dengan menyebut nama Allah pada awal dan akhirnya",
    "Artinya: ,Dengan menyebut nama-Mu ya Allah, aku hidup dan aku mati",
    "Artinya: ,Segala puji bagi Allah yang telah menghidupkan kami sesudah kami mati (membangunkan dari tidur) dan hanya kepada-Nya kami dikembalikan",
    "Artinya: ,Ya Allah, sesungguhnya aku mohon perlindungan kepada Engkau dari perbuatan setan dan dari mimpi-mimpi yang buruk",
    "Artinya: ,Segala puji bagi Allah yang telah memberi hajatku",
    "Artinya: ,Ya Allah, aku berlindung pada-Mu dari godaan syetan  laki-laki dan syetan perempuan",
    "Artinya: ,Dengan mengharap ampunanMu, segala puji milik Allah yang telah menghilangkan kotoran dari badanku dan yang telah menyejahterakan.",
    "Artinya: ,Wahai Tuhanku, sucikanlah hatiku dari sifat kepura-puraan (munafiq) serta peliharalah kemaluanku dari perbuatan keji",
    "Artinya: ,Ya Allah! Sesungguhnya aku berlindung kepada-Mu dari kesempitan dunia dan kesempitan hari kiamat. (HR. Abu Daud)",
    "Artinya: ,Ya Allah, karena Engkau kami mengalami waktu pagi dan waktu petang, dan karena Engkau kami hidup dan mati dan kepada-Mu juga kami akan kembali.",
    "Artinya: ,Ya Allah, karena Engkau kami mengalami waktu petang dan waktu pagi, karena Engkau kami hidup dan mati dan kepada-Mu juga kami akan kembali.",
    "Artinya: ,Segala puji bagi Allah, baguskanlah budi pekertiku sebagaimana Engkau telah membaguskan rupa wajahku",
    "Artinya: ,Ya Allah, sesungguhnya aku mohon kepada-Mu baiknya tempat masuk dan baiknya tempat keluar dengan menyebut nama Allah kami masuk, dan dengan menyebut nama Allah kami keluar dan kepada Allah Tuhan kami, kami bertawakkal",
    "Artinya: ,Dengan menyebut nama Allah aku bertawakal kepada Allah, tiada daya kekuatan melainkan dengan pertologan Allah.",
    "Artinya: ,Dengan nama-Mu yaa Allah akku minta kepada Engkau kebaikan pakaian ini dan kebaikan apa yang ada padanya, dan aku berlindung kepada Engkau dari kejahatan pakaian ini dan kejahatan yang ada padanya",
    "Artinya: ,Segala puji bagi Allah yang memberi aku pakaian ini dan memberi rizeki dengan tiada upaya dan kekuatan dariku",
    "Artinya: ,Dengan nama Allah yang tiada Tuhan selain-Nya",
    "Artinya: ,Ya Allah, sesungguhnya aku mohon kepada-Mu ilmu yang berguna, rezki yang baik dan amal yang baik Diterima. (H.R. Ibnu Majah)",
    "Artinya: ,Ya Allah, tambahkanlah aku ilmu dan berikanlah aku rizqi akan kepahaman",
    "Artinya: ,Ya Allah, sesungguhnya aku menitipkan kepada Engkau ilmu-ilmu yang telah Engkau ajarkan kepadaku, dan kembalikanlah kepadaku sewaktu aku butuh kembali dan janganlah Engkau lupakan aku kepada ilmu itu wahai Tuhan seru sekalian alam.",
    "Artinya: ,Ya Allah, mudahkanlah kami berpergian ini, dan dekatkanlah kejauhannya. Ya Allah yang menemani dalam berpergian, dan Engkau pula yang melindungi keluarga.",
    "Artinya: ,Maha suci Allah yang telah menundukkan untuk kami (kendaraan) ini. padahal sebelumnya kami tidak mampu untuk menguasainya, dan hanya kepada-Mu lah kami akan kembali ",
    "Artinya: ,Dengan nama Allah yang menjalankan kendaraan ini berlayar dan berlabuh, sesungguhnya Tuhanku benar-benar Maha Pengampun lagi Maha Penyayang",
    "Artinya: ,Segala puji bagi Allah, yang telah menyelamatkan akau dan yang telah melindungiku dan yang mengumpulkanku dengan keluargaku.",
    "Artinya: ,Ya Allah, jadikanlah dihatiku cahaya, pada lisanku cahaya dipandanganku cahaya, dalam pendengaranku cahaya, dari kananku cahaya, dari kiriku cahaya, dari atasku cahaya, dari bawahku cahaya, dari depanku cahaya, belakangku cahaya, dan jadikanlah untukku cahaya.(H.R. Bukhari dan Muslim)",
    "Artinya: ,Ya Allah, bukalah untukku pintu-pintu rahmat-Mu",
    "Artinya: ,Ya Allah, sesungguhnya aku memohon keutamaan dari-Mu",
    "Artinya: ,Ya Allah bukakanlah hikmahMu padaku, bentangkanlah rahmatMu padaku dan ingatkanlah aku terhadap apa yang aku lupa, wahai Dzat yang memiliki keagungan dan kemuliaan.",
    "Artinya: ,Ya Allah, rahmatilah aku dengan Al-Quran yang agung, jadikanlah ia bagiku ikutan cahaya petunjuk rahmat. Ya Allah, ingatkanlah apa yang telah aku lupa dan ajarkan kepadaku apa yang tidak aku ketahui darinya, anugerahkanlah padaku kesempatan membacanya pada sebagian malam dan siang, jadikanlah ia hujjah yang kuat bagiku, wahai Tuhan seru sekalian alam.",
  ];

  @override
  Widget build(BuildContext ctxt) {
    return new Scaffold(
      body: ListView.builder(
        shrinkWrap: true,
        scrollDirection: Axis.vertical,
        padding:  new EdgeInsets.only(right: 13.0),
        itemCount: doa.length,
        itemBuilder: (BuildContext ctxt, int index) {
          final doaIndonesia = doa[index].toString();
          final doaArab = doa_arab[index].toString();
          final artiIndonesia = arti[index].toString();

          return Card(
            child: Container(
              height: 100.0,
              width: 100.0,
              child: Center(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    Text(
                      doa[index],
                      textAlign: TextAlign.center,

                    ),
                    Text(
                      doa_arab[index],
                      textAlign: TextAlign.center,
                    ),
                    Text(
                      arti[index],
                      textAlign: TextAlign.center,
                      overflow: TextOverflow.ellipsis,

                    ),
                  ],
                ),
              ),
            ),
          );
        },
      ),
    );
  }
}

Answer 1

Try adding overflow: TextOverflow.ellipsis to the other Text s widgets:

Added a demo using your code:

   return Card(
        child: Container(
          height: 100.0,
          width: 100.0,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Flexible( // use flexible
                child: Text(
                  doa[index],
                  textAlign: TextAlign.center,
                ),
              ),
              Flexible( // use flexible
                child: Text(
                  doa[index],
                  textAlign: TextAlign.center,
                ),
              ),
              Flexible( // use flexible
                child: Text(
                  arti[index],
                  textAlign: TextAlign.center,
                ),
              ),
            ],
          ),
        ),
      ),