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

Postingan populer dari blog ini

Chat Network Programming

CHAT NETWORK PROGRAMMING

Kalkulator Sederhana