SlideShare a Scribd company logo
1 of 6
Download to read offline
Mobile Application
Introduction to Flutter (lanjutan)
Stateless Widget Stateful Widget
Input Data
Widget
Renders UI
Input Data
Widget
Renders UI
Internal State
Stateless Widget
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container()
}
}
Stateless Widget adalah Widget
yang tidak dapat dirubah atau tidak
akan pernah berubah
Stateful Widget
class MyWidget extends StatefulWidget{
@override
_MyWidgetcreateState() => _MyWidget();
}
class _MyWidget extends State<MyWidget>{
@override
Widget build(BuildContextcontext){
return Container();
}
}
• Stateful Widget adalah sebuah
widget yang menyimpan variable
(state).
• Widget dinamis.
• Misalnya : saat pengguna
berinteraksi dengan sebuah
tombol, dapat mengubah
status/variabel di dalam widget =>
Widget refreshed/diperbarui .
Tugas 3 Kelompok
• Buatlah tampilan widget seperti minggu lalu dan
tambahkan stateless widget dan stateful widget
minimal masing-masing 1 dari projek kalian,
• Kirimkan tugas dalam bentuk laporan lengkap
dengan screenshot tampilan, screenshot code,
dan penjelasan terhadap keduanya, tunjukkan
mana yang termasuk stateless widget dan stateful
widget
• Deadline 1 oktober pukul 23.59
• Pertemuan minggu depan tiap kelompok
tunjukan sebagai progress report
Format email
• Email : nadhilanurdin@usk.ac.id
• Subject : TIK-505-Tugas3_kelompok
ex: TIK-505-Tugas3_1
• file : Tugas3_Kelompok
ex : Tugas3_1

More Related Content

More from nurnur469094 (17)

Install-flutter-Mobile Application.pptx
Install-flutter-Mobile Application.pptxInstall-flutter-Mobile Application.pptx
Install-flutter-Mobile Application.pptx
 
SQL.pdf
SQL.pdfSQL.pdf
SQL.pdf
 
LANGUANGE MODELING.pdf
LANGUANGE MODELING.pdfLANGUANGE MODELING.pdf
LANGUANGE MODELING.pdf
 
EFFICIENCY & Complexity.pptx
EFFICIENCY & Complexity.pptxEFFICIENCY & Complexity.pptx
EFFICIENCY & Complexity.pptx
 
Intro-NLP.pdf
Intro-NLP.pdfIntro-NLP.pdf
Intro-NLP.pdf
 
Pertemuan-12-normalisasi.pptx
Pertemuan-12-normalisasi.pptxPertemuan-12-normalisasi.pptx
Pertemuan-12-normalisasi.pptx
 
Pertemuan-12.pptx
Pertemuan-12.pptxPertemuan-12.pptx
Pertemuan-12.pptx
 
Pertemuan-11.pptx
Pertemuan-11.pptxPertemuan-11.pptx
Pertemuan-11.pptx
 
Pertemuan-10.pptx
Pertemuan-10.pptxPertemuan-10.pptx
Pertemuan-10.pptx
 
Pertemuan-9.pptx
Pertemuan-9.pptxPertemuan-9.pptx
Pertemuan-9.pptx
 
Pertemuan-7.pptx
Pertemuan-7.pptxPertemuan-7.pptx
Pertemuan-7.pptx
 
Pertemuan-6.pptx
Pertemuan-6.pptxPertemuan-6.pptx
Pertemuan-6.pptx
 
Pertemuan-5.pptx
Pertemuan-5.pptxPertemuan-5.pptx
Pertemuan-5.pptx
 
Pertemuan-MPD.pdf
Pertemuan-MPD.pdfPertemuan-MPD.pdf
Pertemuan-MPD.pdf
 
Pertemuan-4.pptx
Pertemuan-4.pptxPertemuan-4.pptx
Pertemuan-4.pptx
 
Pertemuan-3.pptx
Pertemuan-3.pptxPertemuan-3.pptx
Pertemuan-3.pptx
 
MPD.pptx
MPD.pptxMPD.pptx
MPD.pptx
 

Recently uploaded

Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
ssuser35630b
 
Membuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docxMembuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docx
NurindahSetyawati1
 
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.pptSEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
AlfandoWibowo2
 

Recently uploaded (20)

MATEMATIKA EKONOMI MATERI ANUITAS DAN NILAI ANUITAS
MATEMATIKA EKONOMI MATERI ANUITAS DAN NILAI ANUITASMATEMATIKA EKONOMI MATERI ANUITAS DAN NILAI ANUITAS
MATEMATIKA EKONOMI MATERI ANUITAS DAN NILAI ANUITAS
 
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMMAKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
 
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdfContoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
 
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
 
Sosialisasi PPDB SulSel tahun 2024 di Sulawesi Selatan
Sosialisasi PPDB SulSel tahun 2024 di Sulawesi SelatanSosialisasi PPDB SulSel tahun 2024 di Sulawesi Selatan
Sosialisasi PPDB SulSel tahun 2024 di Sulawesi Selatan
 
Kanvas BAGJA prakarsa perubahan Ahyar.pdf
Kanvas BAGJA prakarsa perubahan Ahyar.pdfKanvas BAGJA prakarsa perubahan Ahyar.pdf
Kanvas BAGJA prakarsa perubahan Ahyar.pdf
 
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
 
Membuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docxMembuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docx
 
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxPendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
 
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
 
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.pptSEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
 
Materi Sosialisasi US 2024 Sekolah Dasar pptx
Materi Sosialisasi US 2024 Sekolah Dasar pptxMateri Sosialisasi US 2024 Sekolah Dasar pptx
Materi Sosialisasi US 2024 Sekolah Dasar pptx
 
Lingkungan bawah airLingkungan bawah air.ppt
Lingkungan bawah airLingkungan bawah air.pptLingkungan bawah airLingkungan bawah air.ppt
Lingkungan bawah airLingkungan bawah air.ppt
 
power point bahasa indonesia "Karya Ilmiah"
power point bahasa indonesia "Karya Ilmiah"power point bahasa indonesia "Karya Ilmiah"
power point bahasa indonesia "Karya Ilmiah"
 
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxRefleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
 
Modul Projek - Batik Ecoprint - Fase B.pdf
Modul Projek  - Batik Ecoprint - Fase B.pdfModul Projek  - Batik Ecoprint - Fase B.pdf
Modul Projek - Batik Ecoprint - Fase B.pdf
 
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
 
CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7
 
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdfSalinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
 
DAFTAR PPPK GURU KABUPATEN PURWOREJO TAHUN 2024
DAFTAR PPPK GURU KABUPATEN PURWOREJO TAHUN 2024DAFTAR PPPK GURU KABUPATEN PURWOREJO TAHUN 2024
DAFTAR PPPK GURU KABUPATEN PURWOREJO TAHUN 2024
 

Introduction to Flutter(lanjutan).pdf

  • 2. Stateless Widget Stateful Widget Input Data Widget Renders UI Input Data Widget Renders UI Internal State
  • 3. Stateless Widget class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return Container() } } Stateless Widget adalah Widget yang tidak dapat dirubah atau tidak akan pernah berubah
  • 4. Stateful Widget class MyWidget extends StatefulWidget{ @override _MyWidgetcreateState() => _MyWidget(); } class _MyWidget extends State<MyWidget>{ @override Widget build(BuildContextcontext){ return Container(); } } • Stateful Widget adalah sebuah widget yang menyimpan variable (state). • Widget dinamis. • Misalnya : saat pengguna berinteraksi dengan sebuah tombol, dapat mengubah status/variabel di dalam widget => Widget refreshed/diperbarui .
  • 5. Tugas 3 Kelompok • Buatlah tampilan widget seperti minggu lalu dan tambahkan stateless widget dan stateful widget minimal masing-masing 1 dari projek kalian, • Kirimkan tugas dalam bentuk laporan lengkap dengan screenshot tampilan, screenshot code, dan penjelasan terhadap keduanya, tunjukkan mana yang termasuk stateless widget dan stateful widget • Deadline 1 oktober pukul 23.59 • Pertemuan minggu depan tiap kelompok tunjukan sebagai progress report
  • 6. Format email • Email : nadhilanurdin@usk.ac.id • Subject : TIK-505-Tugas3_kelompok ex: TIK-505-Tugas3_1 • file : Tugas3_Kelompok ex : Tugas3_1