Basic

Pada Artikel kali ini saya akan membuat Sebuah project sederhana dengan flutter, dan sebelum memulai pastikan teman-teman sudah membuat project flutter.

yang pertama teman-teman buka main.dart di folder lib/main.dart seperti gambar dibawah ini.

hapus semua code lalu salin dan tempel code dibawah ini di file main.dart teman-teman, dan saya akan menjelaskan secara singkat.

code main.dart

import 'package:flutter/material.dart';

void main() => runApp(Pertama());

class Pertama extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Judul'),
        ),
        body: Text('Body'),
      ),
    );
  }
}

lalu coba teman-teman run, hasilnya akan seperti dibawah ini

Penjelasan

1.Import

Setiap kali kita memulai kode flutter baru kita, ada satu langkah wajib untuk mengimpor paket material.dart di aplikasi Anda. Paket ini berisi beberapa widget dasar Flutter seperti Text, AppBar dll.

import 'package:flutter/material.dart';

Void main adalah fungsi utama yang didefinisikan dalam flutter, yang dieksekusi setiap saat kita menjalankan aplikasi.

void main() => runApp(Pertama());

Widget statis dimana seluruh konfigurasi yang dimuat didalamnya telah diinisiasi sejak awal (tidak dapat berubah)

class Pertama extends StatelessWidget { }

4.Widget

Tempat kita membuat widget seperti Button, Text, Layout, Image dll.

appBar: AppBar(
  title: Text('Judul'),
  ),
 body: Text('Body'),
),

Kesimpulan

mudah bukan membuat aplikasi mobile pakai flutter, next artikel saya akan coba membuatkan artikel tentang widget sampai ke DBMS (MySql)