Materi 3

Stateless dan Stateful Widget

Iis Yuliani
RPL SMK Telkom Purwokerto
Stateless Widget

Merupakan widget yang di-build hanya dengan konfigurasi yang telah diinisiasi sejak
awal. Jadi Stateless Widget adalah Widget yang tidak akan pernah berubah (Statis).

Misalnya Kita membuat aplikasi berisi Text dengan angka 10. Kemudian aplikasi kita
tidak punya fungsi untuk merubah angka tersebut. Maka yang digunakan di sini adalah
Stateless Widget.
Stateless Widget
Contoh Kode Stateless Widget

class MyApp extends StatelessWidget {

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(‘Nama saya Parinem'),
),
body: Center(
child: Text(
'10',
style: TextStyle(
fontSize: 30
),
),
)
);
}
}
Stateful Widget

Merupakan Widget yang dapat berubah dinamis. Jadi apapun Widget yang berubah, ya
itu disebut dengan Stateful Widget.

Contohnya kita membuat sebuah aplikasi dimana jika setiap kita memencet tombol “+”.
Angka yang ada di tengah tampilan akan bertambah satu.
Stateful Widget
Contoh Kode Stateless Widget

• Seperti pada contoh koding bawaan flutter

class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);

final String title;

@override
_MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {

int _counter = 0;

void _incrementCounter() {
setState(() {

_counter++;
});
}
Contoh
TERIMAKASIH