Modul IV Praktikum Pemrograman Perangkat Bergerak [PDF]

Citation preview

Modul IV Basic Widget II I. Tujuan a. Mampu membuat aplikasi mobile dengan flutter b. Mampu menggunakan basic widget untuk merancang aplikasi



II. Dasar Teori Card Widget Card Widget adalah widget material design yang dasarnya hanya berupa kotak dengan sudut membulat dan sedikit bayangan di sekitar konten. Biasanya, card widget digunakan untuk memuat konten dan action. Contoh kode card widget : import "package:flutter/material.dart"; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home : Scaffold( appBar: AppBar( title: Text("Card Widget"), ), body : Center( child : Card( child : Column(mainAxisSize: MainAxisSize.min, children : [ Text("Child1"), Divider(), Text("Child2"), Divider(), Text("Child3") ] )



Praktikum Pemrograman Perangkat Bergerak | Sena Wijayanto, S.Pd., M.T



1



) ) ) ); } }



Tampilan aplikasi dari kode diatas adalah seperti di bawah ini



III. Guided 1. 2.



Buat project baru dengan nama : praktikum_pertemuan_5 Buat program untuk menampilkan berita dengan menggunakan card widget



IV. Unguided Buatlah aplikasi mobile yang menampilkan resep makanan dengan menggunakan card widget



Praktikum Pemrograman Perangkat Bergerak | Sena Wijayanto, S.Pd., M.T



2