[Flutter][2] Memulai Membuat Aplikasi Hello World

Hello, this is my website. Find all information about website design, website programming, HTML, CSS, Javascript, Jquery, Angular, Flutter, Plugin, Mockup, Mysql, Database, etc.

Tips & Trick



Card image cap
Thursday, 31 Jan 2019

Hello world,

Hari ini saya akan membahas tentang bagaimana memulai membuat aplikasi dengan Flutter atau bahasa kerennya Getting Started, hehe. Karena sebelumnya saya sudah membuat post tentang instalasi flutter, jadi di sini saya bisa langsung menjelaskan bagaimana langkah awal dalam coding flutter. Di sini akan saya tampilkan full code dulu baru setelah itu akan saya jelaskan detailnya. Oke langsung masuk ke pembahasan. 

1. Pertama-tama kita buka VS Code

2. Pilih View dan Command Pallete.

3. Lalu akan muncul form untuk nama project yang akan di buat. Isi saja sesuai project anda.

4. Tunggu beberapa saat, flutter akan membuat project.

5. Setelah selesai akan langsung terbuka file main.dart. Hapus kode dalam main.dart lalu ganti dengan kode di bawah ini.


import 'package:flutter/material.dart';

void main(){
runApp(
new MaterialApp(
title: "My Apps",
home: new Myapp(),
)
);
}


class Myapp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: new Text("My Apps"),
),
body: new Container(
padding: EdgeInsets.all(20.0),
child: new Center(
child: new Text("Hello World"),
)
)
);
}
}

Penjelasan: 

1. Package Material.dart

import 'package:flutter/material.dart';
Di setiap memulai satu file flutter diharusnya dimulai dengan mengimport package material.dart

2. runApp

void main(){
runApp(
new MaterialApp(
title: "My Apps",
home: new Myapp(),
)
);
}
Ini digunakan untuk menjalankan widget yang akan menjadi widget utama yaitu di sini pada home yang berisi widget Myapp(). Lalu title di sini adalah judul yang akan muncul ketika aplikasi sedang dalam posisi minimize.

Selebihnya bisa di video [Sedang dalam proses :D  hehe ]