Tutorial Flutter #3 – Perbedaan Stateless Widget dan Statefull Widget oleh - seputarcoralpaintshop.xyz topglobal99 Friday, July 17, 2020 No Comment

Halo sahabat selamat datang di website seputarcoralpaintshop.xyz, pada kesempatan hari ini kita akan membahas seputar Tutorial Flutter #3 â€" Perbedaan Stateless Widget dan Statefull Widget oleh - seputarcoralpaintshop.xyz, kami sudah mempersiapkan artikel tersebut dengan informatif dan akurat, silahkan membaca

Rumahcoding.co.id â€" Perbedaan stateless widget dan statefull widget. Pada kesempatan kali ini kami akan membahasnya secara ringkat namun tetap berupaya agar mudah dipahami oleh Anda.

Biasanya sebuah class di Flutter akan mengextends kedua State ini, yaitu Stateless Widget dan Statefull Widget. Masing-masing dari keduanya punya tugas dan fungsi yang berda-beda. Beberapa dari developer Flutter sering memadukan di antara keduanya.

Nah, langsung saja kita bahas lebih detail tentang keduanya …

Apa itu Stateless Widget?

Stateless Widget adalah widget yang tidak akan pernah berubah. Stateless Widget  merupakan widget yang di-build hanya dengan konfigurasi yang telah diinisiasi sejak awal.

Misalnya kita membuat aplikasi berisi Text dengan kata “Hello World”. Kemudian aplikasi kita tidak punya fungsi untuk merubah kata tersebut. Dalam kasus  yang digunakan di sini adalah Stateless Widget.

Contoh:

 class MyApp extends StatelessWidget {      @override      Widget build(BuildContext context) {          return Scaffold(              appBar: AppBar(                  title: Text('Flutter Demo'),              ),              body: Center(                  child: Text(                      '10',                      style: TextStyle(                          fontSize: 30                      ),                  ),              )          );      }  } 

Apa Itu Statefull Widget?

Merupakan Widget yang dapat berubah-ubah secara dinamis. Jika dianalogikan Statefull Widget seperti sebuah teko yang berisi air, namun air tersebut bisa berubah-ubah. Misalnya di hari pertama si teko isinya air putih, lalu hari kedua isinya air the dan hari ketiga isinya kopi.

Jadi apapun Widget yang dapat berubah-ubah bisa disebut dengan Statefull Widget. Statefull Widget inipun bisa dikombinasikan dengan Stateless Widget. Karena seringkali kami mendapati kebutuhan aplikasi yang mengharuskan kombinasi di antara keduanya.

Contoh penerapan pada aplikasi di Flutter misalnya kita membuat sebuah aplikasi dimana jika setiap kita memencet icon “+”. Angka yang ada di tengah tampilan akan bertambah satu.

Contoh:

 import 'package:flutter/material.dart';    class FirstApp extends StatelessWidget {    @override    Widget build(BuildContext context) {        return Scaffold(            appBar: AppBar(                title: Text('Flutter Demo'),            ),            body: Container(                child: NumberScreen(),            )        );    }  }    class NumberScreen extends StatefulWidget {    @override    _NumberScreenState createState() => _NumberScreenState();  }    class _NumberScreenState extends State {    int number = 1;      @override    Widget build(BuildContext context) {      return Stack(        children: [          Center(              child: Text(                  this.number.toString(),                  style: TextStyle(                      fontSize: 30                  ),              ),          ),          Positioned(              bottom: 50,              right: 50,              child: FloatingActionButton(                  child: Icon(Icons.add),                  onPressed: () {                      setState(() {                          this.number += 1;                      });                  },              ),          )        ],      );    }  }

Setelah Anda jalankan (running), maka hasilnya akan seperti ini:

Kesimpulan

Pada intinya Stateless Widget merupakan Widget yang tidak bisa berubah-ubah sedangkan Statefull Widget sebaliknya. Keduanya sangat mudah dipahami karena pengertiannya saling bertolak belakang. Penggunaan kedua widget ini sangat tergantung pada kebutuhan aplikasi. Dan seringnya, keduanya digunakan dalam satu file dart.

Semoga artikel ini bermanfaat. Salam #AnyoneCanCode

Itulah tadi informasi dari judi online mengenai Tutorial Flutter #3 â€" Perbedaan Stateless Widget dan Statefull Widget oleh - seputarcoralpaintshop.xyz dan sekianlah artikel dari kami seputarcoralpaintshop.xyz, sampai jumpa di postingan berikutnya. selamat membaca.

by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

Tags:

No Comment