...

Menuliskan Program Flutter Pertama

Pertama tama mari kita mulai dengan menjalankan Aplikasi Android Studio kita.

Klik (pilih) Start a new Flutter Project

Pilih Flutter Application

Tuliskan Nama Project, pilih lokasi Flutter SDK, dan tuliskan lokasi Project

tuliskan domain

Tuliskan kode Flutter berikut :

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Hello Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Selamat Datang di Flutter'),
        ),
        body: Center(
          child: Text('Halo World'),
        ),
      ),
    );
  }
}

 

import 'package:flutter/material.dart';

adalah pernyataan import paket mirip seperti yang digunakan pada java import, dengan pernyataan tersebut aplikasi kita meng-import paket yang kita butuhkan untuk membuat widget Flutter. Kalau kita membuka material.dart maka kita dapat melihat banyak memuat material yang dibutuhkan untuk membuat Flutter Widget

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

Metoda Main yang memanggil class MyApp untuk dijalankan sebagai Aplikasi Flutter

class MyApp extends StatelessWidget {

MyApp mewarisi Class StatelessWidget yang seluruh propertinya immutable

return MaterialApp(
      title: 'Hello Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Selamat Datang di Flutter'),
        ),
        body: Center(
          child: Text('Halo World'),
        ),
      ),
    );

Mengembalikan MaterialApp dengan title "Hello Flutter", home Scaffold (Struktur layout dasar dari Material Design, seperti title body dan FloatingActionButton) serta body dengan child Text "Halo World".

 

Jalankan Program dengan meng-klik tombol diatas