Membuat Baris dan Kolom Pada Mobile Programming
BARIS DAN KOLOM MOBILE PROGRAMMING
import 'package:flutter/material.dart'; // Tempat menyimpan data dari program yang dibuat //
class LayoutRow extends StatelessWidget { // Nama kelasnya adalah LayoutRow, yang mana dalam kelas ini terdapat StatelessWidget yaitu kelas yang memuat widget yang sifatnya statis atau tetap //
Widget build(BuildContext context) { // Merupakan fungsi yang harus ada untuk kelas yang akan menampilkan widget ke layar perangkat bergerak //
return MaterialApp( // Nilai balikan berupa MaterialApp //
home: Scaffold( // Dalam nilai balikan ini terdapat menu Home //
appBar: AppBar( // bara yang berada diatas aplikasi //
flexibleSpace: SafeArea( // Merupakan Widget Fleksibel space //
child: Container( // terdapat suatu wadah //
child: Column( // membuat sebuah kolom //
children: [ // kemudian terdapat anak //
Row( // Baris pertama //
children: [ // didalamnya terdapat anak //
IconButton( // terdapat tombol //
icon: Icon(Icons.menu),// Terdapat ikon dari menu //
tooltip: 'Navigation menu', // terdapat Tombol atau menu navigasi //
onPressed: null, // null disables the button
),
Spacer(),
Text( // masukkan teks //
'Kantin Politeknik Kampar',
textAlign: TextAlign.center,
), // Ini merupakan teks yang akan tampil pada layar //
Spacer()
],
)
],
),
)),
),
body: Container( // untuk wadah bagian ini berisi body//
child: Column( // terdapat juga kolom //
children: [
Row( // dan membuat Baris //
children: [
Text( // masukkan teks //
'Kolom Pertama Baris Pertama', // isi dari teks //
textAlign: TextAlign.left,
), // Pada bagian kiri //
Spacer(),
Text( // masukkan teks //
'Kolom Kedua Baris Pertama',
textAlign: TextAlign.center,
), // Untuk bagian tengah pada layar //
Spacer(),
Text( // masukkan teks //
'Kolom Ketiga Baris Pertama',
textAlign: TextAlign.right, // untuk bagian kanan //
),
],
)
],
),
)));
}
}
void main() { // Fungsi pada program //
runApp(LayoutRow()); // Jalankan program dengan nama kelas LayoutRow//
}
Komentar
Posting Komentar