
Halo teman-teman, pada artikel kali ini saya akan membahas Single Child Scroll View.
Apa itu Single Child Scroll View?
SingleChildScrollView adalah widget di Flutter yang digunakan untuk menampilkan satu child dalam bentuk scrollable. Child yang ditampilkan dapat berupa teks, gambar, atau widget lainnya. SingleChildScrollView memungkinkan kita untuk melakukan scrolling pada child yang ditampilkan, sehingga jika child melebihi ukuran layar, maka dapat di-scroll untuk dapat melihat seluruh isi child tersebut.
Implementasi Single Child Scroll View
Untuk mengimplementasikan SingleChildScrollView di Flutter, pertama-tama kita buat sebuah List menggunakan ListView.builder. Kemudian, kita dapat menggunakan widget SingleChildScrollView pada sebuah Container atau Column sebagai parent dari child yang akan di-scroll.
berikut adalah contoh nya
class SingleChild extends StatelessWidget {
const SingleChild({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
body: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
children: [
ListView.builder(
physics: NeverScrollableScrollPhysics(),
shrinkWrap: true,
itemCount: 100,
itemBuilder: (context, index) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 10),
child: Container(
height: 50,
width: double.infinity,
color: Colors.red,
),
);
},
),
],
),
),
);
}
}
maka tampilan akan menjadi overflow.

maka Column kita bisa wrap dengan widget Single Child Scroll view.
return Scaffold(
body: Padding(
padding: const EdgeInsets.all(16.0),
child: SingleChildScrollView(
child: Column(
children: [
ListView.builder(
physics: NeverScrollableScrollPhysics(),
shrinkWrap: true,
itemCount: 100,
itemBuilder: (context, index) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 10),
child: Container(
height: 50,
width: double.infinity,
color: Colors.red,
),
);
},
),
],
),
),
),
);
dan sekarang tampilan sudah tidak overflow lagi dan sudah bisa di scroll