Materi Pertemuan 4. Tipe Data dan Variabel

Hallo semua, tidak terasa kita telah sampai pada pertemuan ke empat, pada materi kali ini kita akan mempelajari tentang tipe data dan variabel pada Flutter. Sebelumnya kita telah membahas bahwa Flutter dibuat menggunakan bahasa Dart. Maka begitu juga untuk tipe data dan variabel pada Flutter ini mengadopsi bahasa dasarnya.

Apa itu Dart ?

Dart merupakan bahasa pemrograman yang dikembangkan oleh Google, yang secara umum digunakan untuk membuat aplikasi android, front-end web, IoT, backend (CLI), dan Game. Itu artinya bahasa bahasa Dart ini merupakan bahasa pemrograman dengan tujuan yang umum.

Platform Dart

Palaftorm Dart digunakan pada tiga jenis framework seperti:

Pada kesempatan ini kita akan mempelajar Dart pada framework Flutter.

Tipe Data dan Variabel Dart

Sebagai bahasa pemrograman dart memiliki tipe data yang sama seperti bahasa pemrograman lainnya, namun tipe data dasar pada dart sendiri terbagi menjadi tiga. 

• Tipe data number (int, double)
• Tipe data boolean (bool)
• Tipe data teks (string)

Untuk membuat sebuah variabel pada Dart sendiri hampir sama cara penulisannya dengan Java, yaitu dengan menyebutkan tipe data nya kemudian variabelnya contoh:

var title = "Hello World !";
int angka = 2020;
double suhu = 37.8;

Pada kode di atas, kita bisa menuliskan tipe data dengan dua cara, yaitu menyebut langsung tipe datanya atau dengan menggunakan var yang nantinya bisa di isi dengan jenis tipe data apa saja.

Membuat Hello World pada Flutter

Pada pertemuan sebelumnya kita membuat aplikasi pertama flutter menggunakan kode default yang muncul ketika membuat project baru. Lalu bagaimana cara kita memanipulasi kode program yang ada tersebut. Pada materi ini kita akan bahas.

Hapus kode project 

Langkah pertama yang perlu kita lakukan untuk memulai membuat kode aplikasi pada flutter yaitu dengan menghapus kode yang muncul secara default. Kemudian kita ganti dengan kode program yang ingin kita buat.

Pada kali ini kita akan membuat tampilan Hello World ! menggunakan Widget Text, dengan kode sebagai berikut:

import 'package:flutter/material.dart';

void main() {
  runApp(
    Center(
      child: Text(
          "Hello World",
          textDirection: TextDirection.ltr
      ),
    )
  );
}

Ketika di jalankan pada layar smartphone akan muncul tulisan seperti gambar di bawah ini :

Pada kode

mport 'package:flutter/material.dart';

merupakan library flutter yang berguna memanggil library material.dart.

Center(
      child: Text(
          "Hello World",
          textDirection: TextDirection.ltr
      ),
    )

kode di atas akan secara otomatis membuat tulisa "Hello World" berda di posisi tengah dari layar smartphone.

Demikian materi kita, kurang lebihnya saya mohon maaf.

Jangan lupa komentar sebagai bukti kehadiran Anda [NIM-NAMA]

Terimakasih.
Ahmad Subki.