Flutter untuk Pengembangan Aplikasi Mobile. Sistem operasi android memang memiliki jumlah pengguna yang besar, tapi tidak semua orang menggunakan android. Jika anda menginginkan pasar yang lebih luas untuk aplikasi mobile anda, anda juga harus membuatnya ke platform lain, seperti Iphone.

Untuk mengubah Aplikasi mobile anda yang dibuat untuk android ke IOS membutuhkan waktu atau dana yang besar.

Flutter untuk Pengembangan Aplikasi Mobile

Pada akhir dari artikel Flutter untuk Pengembangan Aplikasi Mobile, kita akan mencoba untuk menambahkan flutter ke dalam android studio.

Mengapa Menggunakan Flutter ?

Flutter tidak menggunakan kotlin ataupun java. Jika anda ingin menggunakan flutter anda harus mempelajari Dart.

Bagaimana apakah anda ingin mempelajari hal baru ?

Flutter memiliki fitur-fitur yang menurut kami lumayan keren, berikut fitur-fiturnya :

  • Cross Flatform. Ya, support di Android dan IOS. Desain widget di Flutter itu berdasarkan Cupertino dan Material Design
  • Sesuai dengan bahasa pemrograman native. Flutterdapat berintergrasi dengan bahasa pemrograman native seperti java android, Swift dan Objective C.
  • Hot reload

Bagaimana apakah anda ingin belajar tentang Flutter ?

Menambahkan Flutter ke Android Studio

Sekarang kita akan menambahak Flutter ke android studio. Berikut langkah-langkahnya :

  1. Download Flutter dari https://flutter.io/docs/get-started/install
  2. Extract zip file nya.
  3. Kemudia buka file flutter_console.bat, dan jalankan flutter doctor, untuk pengecekan komponen. Jika anda belum menginstall dart dan flutter di Android Studio, anda akan melihat pesan error seperti gambar dibawah ini

Mari kita install dart dan flutter di Android Studio

  • Pada toolbar android studio anda pilih File > Setings
  • Pilih Plugins dan pilih Browse repositories
  • Kemudian cari lalu install Dart dan Flutter
  • Restart android studio anda

Membuat Hello World di Flutter

Dalam mengenal bahasa pemrograman baru kurang rasanya jika kita tidak mencoba membuat Hello World. Mari kita mulai

Pertama mari kita memulai dengan membuat proyek flutter dengan cara pilih New > New Flutter Project lalu pilih Flutter Application

Untuk pengisian Flutter SDK path, pilih saja folder hasil extract zip yang sudah kita download tadi. Setup awal pembuatan proyek tidak terlalu berbeda dengan pembuatan aplikasi android dengan android java.

Setelah selesai membuat proyek baru, silahkan anda menuju kebagian lib > main.dart, hapus semua isinya dan hapus file yang ada di dalam folder test.

Dalam main.dart masukan kode berikut

import 'package:flutter/material.dart';
void main(){
  runApp(Text("Hello World",textDirection:TextDirection.ltr));
}

sedikit penjelasan

  • import ‘package:flutter/material.dart’ berisikan widget material, jadi package ini berisikan widget yang mengimplementasikan material desain.
  • main(). Merupakan entry point dari aplikasi yang kita buat.
  • runApp(). Berfungsi untuk memunculkan hasil dari kode yang kita buat untuk aplikasi kita.
  • Text(). Widget text, didalamnya kita memiliki beberapa parameter yang bisa digunakan. Untuk melihatnya tekan ctrl dan klik pada bagian Text

Jika kita jalan aplikasi kita sekarang, tulisan Hello World kita berada di kiri atas.

Membuat Hello World di Flutter

Kita akan membuat tulisan Hello World yang kita buat berada di tengah. Kita akan menggunakan widget Center. Seperti ini penggunaanya

import 'package:flutter/material.dart';
void main() {
  runApp(
      Center(
          child: Text(
              "Hello World",
              textDirection: TextDirection.ltr)
      )
  );
}

hasilnya seperti ini

Membuat Hello World di Flutter

Di artikel selanjutnya, kami akan mendesain sedikit aplikasi sederhana yang kita buat, Dapat dilihat disini.

Sekian artikel tentang Flutter untuk Pengembangan Aplikasi Mobile, semoga bermanfaat.

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Kami memberikan tutorial baru tiap harinya !!!

You have Successfully Subscribed!