Tutorial Membuat Aplikasi Pertama Anda dengan Flutter

Daftar Isi

• Pengantar
• Persiapan
• Membuat Proyek Baru
• Mengembangkan Aplikasi
• Menjalankan Aplikasi
• Kesimpulan

Pengantar

Flutter adalah framework open-source yang dikembangkan oleh Google untuk membangun aplikasi mobile, web, dan desktop dari satu basis kode. Dalam tutorial ini, Anda akan belajar cara membuat aplikasi pertama Anda menggunakan Flutter.

Persiapan

1. Instalasi Flutter

Langkah pertama adalah menginstal Flutter di komputer Anda. Kunjungi halaman instalasi Flutter untuk instruksi lengkap sesuai dengan sistem operasi Anda.

2. Mengatur Editor

Anda bisa menggunakan editor seperti Visual Studio Code atau Android Studio. Pastikan untuk menginstal plugin Flutter dan Dart untuk mendapatkan fitur yang lebih baik.

Membuat Proyek Baru

Setelah semua persiapan selesai, buka terminal atau command prompt dan jalankan perintah berikut untuk membuat proyek baru:

flutter create nama_proyek_anda

Gantilah nama_proyek_anda dengan nama yang Anda inginkan. Setelah proyek dibuat, navigasikan ke folder proyek dengan perintah:

cd nama_proyek_anda

Mengembangkan Aplikasi

1. Membuka File Utama

Buka file lib/main.dart di editor Anda. Di sinilah Anda akan menulis kode aplikasi Anda.

2. Menulis Kode Sederhana

Gantilah konten file main.dart dengan kode berikut:

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Aplikasi Pertama Saya'),
        ),
        body: Center(
          child: Text('Hello, Flutter!'),
        ),
      ),
    );
  }
}

Kode di atas akan menampilkan aplikasi sederhana dengan teks “Hello, Flutter!” di tengah layar.

Menjalankan Aplikasi

Untuk menjalankan aplikasi, pastikan Anda memiliki emulator atau perangkat fisik yang terhubung. Jalankan perintah berikut di terminal:

flutter run

Aplikasi Anda sekarang harus berjalan di emulator atau perangkat yang Anda pilih.

Kesimpulan

Anda telah berhasil membuat aplikasi pertama Anda dengan Flutter! Dengan mengikuti tutorial ini, Anda telah belajar cara menginstal Flutter, membuat proyek baru, dan menulis kode sederhana. Selamat mencoba dan eksplorasi lebih lanjut dengan Flutter!