Buat Aplikasi Mobile Dengan Menggunakan Flutter

Buat Aplikasi Mobile Dengan Menggunakan Flutter

Buat Aplikasi mobile kini menjadi lebih mudah dan bisa di pelajari. Salah satunya dengan cara menggunakan Flutter. Apakah anda mendengar Flutter ? Salah satu pemrograman Dart yang dikembangkan oleh Google. Mau belajar flutter ? Yuk Simak tips kali ini yang mimin akan jelasin ke kalian semua.

Buat Aplikasi Dengan Menggunakan Flutter

Pada awalnya, Pengembangan aplikasi dan software lebih sering menggunakan flutter untuk menciptakan berbagai aplikasi mobile, IOS ataupun Android. Namun sejalannya perkembangan teknologi yang semakin berkembang, Framework yang satu ini mendukung dalam proses pengembangan aplikasi berbasis website.

Manfaat Menggunakan Flutter Yang Harus Kamu Tahu

Apa itu Flutter ? Flutter kini menjadi bahasa yang ramai untuk digunakan. Flutter menjadi framework yang banyak digunakan saat ini oleh berbagai macam brand besar seperti Alibaba, Google , Tencent dan BMW pun memakainnya. Nah kali ini kami berikan keunggulan dari belajar flutter.

  • Material UI/UX yang sudah bagus dan nyaman untuk digunakan. Serta tersedia widget yang bisa disesuaikan dengan kebutuhan. Anda bisa lebih praktis untuk bisa membuat aplikasi dengan tampilan yang menarik.
  • Cross platform yang praktis. Dengan sekali coding saja, anda bisa membuat aplikasi yang mampu beroperasi dalam berbagai platform
  • Support Fast developmen dan menawarkan usability yang begitu baik. Serta anda bisa terbantu dalam proses penulisan kode yang bisa membantu anda lebih cepat.
  • Lebih effisien dalam menggunakan, Sehingga mudah untuk mengembangkan aplikasi dengan memanfaatkan Flutter Web.
  • Komunitas pengguna Flutter web terus berkembang seiring dengan popularitasnya

Tips Menggunakan Flutter Web

Dalam membuat aplikasi mobile , anda harus membayangkan terlebih dahulu bagaimana cara membuat aplikasi mobile dengan memanfaatkan Flutter? Setelah mengetahui kemudahan membuat mobile app di fluter , Anda bisa membuat aplikasi sederhana di Website Flutter Studio seperti Hello World. Sebelumnya anda harus mengetahui bagian apa saja yang bisa disesuaikan dengan projeck yang akan kamu buat.

  • Header : Merupakan bagian yang menangani informasi aplikasi , title maupun icon
  • Body : Bagian yang berisi content aplikasi yang akan dibuat.
  • Footer : Bagian optional yang bisa di custom misalnya list menu, Floating action Button dan lainnya.

Ketiga bagian ini dimuat dengan scaffold class. Scaffold Class inilah yang nantinya akan membentuk struktur tata letak dasar mulai dari header, body hingga footer

  • Buat nama project misalnya ” startup_name “
  • Ganti konten lib/main.dart dengan merubah semua kode dari lib/main/dart menjadi code dibawah ini pada bagian header
// Header

appBar: AppBar(

  title: Text("Welcome to Flutter"),

),
  • Lalu Pada bagian body anda bisa masukan code berikut ini
// Body

body: Center(

  child: Column(

    mainAxisAlignment: MainAxisAlignment.center,

    crossAxisAlignment: CrossAxisAlignment.center,

    children: <Widget>[

      Text("Hello World",

        style: TextStyle(fontWeight: FontWeight.bold, fontSize: 24.0),

      ),

    ],

  ),

),
  • Terakhir pada bagian footer masukan code berikut
// Bottom

floatingActionButton: new FloatingActionButton(

  child: Icon(Icons.add),

  onPressed: () => print("Add"),

),
  • Berikut ini adalah code selengkapnya
import 'package:flutter/material.dart';

 

class App extends StatelessWidget{

 

  @override

 

  Widget build(BuildContext context){

 

    return Scaffold(

// Header

appBar: AppBar(

  title: Text("Welcome to Flutter"),

),

      // Body

      body: Center(

        child: Column(

          mainAxisAlignment: MainAxisAlignment.center,

          crossAxisAlignment: CrossAxisAlignment.center,

          children: <Widget>[

            Text("Hello World",

              style: TextStyle(fontWeight: FontWeight.bold, fontSize: 24.0),

            ),

          ],

        ),

      ),

      // Bottom

      floatingActionButton: new FloatingActionButton(

        child: Icon(Icons.add),

        onPressed: () => print("Add"),

      ),

    );

  }

}
  • Panggil class App dan simpan pada main.dart
home: App(), // class yang akan dijalankan
  • Jalankan aplikasi tersebut , Demikianlah tutorial membuat aplikasi pertama ” Hello World” menggunakan Flutter.

Nah cukup mudah bukan untuk buat aplikasi mobile dengan menggunakan Flutter. Buat kamu yang masih kebingungan dengan bahasa pemrograman Flutter.Kamu bisa mengikuti beberapa pelatihan atau kursus flutter, Salah satunya adalah ITBox yang menyediakan metode pembelajaran Flutter yang bisa anda ikuti.

Facebook
Twitter
LinkedIn
Pinterest
WhatsApp

Recent Post

Oracle Adalah: Pengertian, Fungsi dan Database Indonesia

PostgreSQL Adalah : Layanan Management Database Terbaik

PROMO ITBOX

Meet the Author

maulana

Leave a Comment

This site uses User Verification plugin to reduce spam. See how your comment data is processed.

Level

Category