Mengatasi bottom overflowed by 36 pixels di flutter

selamat siang.. disini adakah yang paham framework flutter?? saya sedang belajar flutter ini, tapi menemui error, saat menampilkan gambar di card dan diikuti text bawahnya muncul seperti ini

ini kode nya

 _buatlist()async{
   for (var i = 0; i < karakter.length; i++) {
     final karakternya = karakter[i];
     final String gambar = karakternya["gambar"];

     daftarGambar.add(
       new Container(
         padding: new EdgeInsets.all(15.0),
         child: new Card(child:
         new Column(
           children: <Widget>[
             new Image.asset("img/$gambar", fit: BoxFit.cover,),
             new Text(karakternya["nama"], style: new TextStyle(fontSize: 18.0),)
           ],
         ),)
       )
     );
   }
 }

avatar oceanli
@oceanli

63 Kontribusi 2 Poin

Diperbarui 4 tahun yang lalu

3 Jawaban:

coba tambahkan, <a href=' https://stackoverflow.com/questions/51972371/bottom-overflow-by-30px '>sumber</a> <pre> resizeToAvoidBottomPadding: false, </pre>

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 4 tahun yang lalu

Tanggapan

tetep gabisa ya @dianarifr

mungkin karena areanya tidak cukup buat text-nya, bisa dicoba ganti column dengan: <pre>

Stack( children: [ Image.asset("img/$gambar", fit: BoxFit.cover,), Positioned( bottom:8, child:Text(karakternya["nama"], style: new TextStyle(fontSize: 18.0),)) ], ) </pre>

note: stack membuat text-nya berada di atas gambarnya

avatar zerokira
@zerokira

49 Kontribusi 30 Poin

Dipost 4 tahun yang lalu

tambahkan <pre> resizeToAvoidBottomPadding : false </pre> di dalam scaffold

avatar happybelajar
@happybelajar

9 Kontribusi 2 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban