Tips Flutter Cara Mengenal Widget Dengan Gampang Dan Cepat

Tips cara mengenal flutter widget gampang dan cepat

- "Everything is widgets", kita tahu bahwa segala sesuatu pada Flutter ialah widget, dan berbagai macam-macam widget yang sanggup kita gunakan untuk membangun suatu aplikasi.

Bagaimana cara kita mengenal dan mengetahui widget dan cara menggunakannya dengan gampang ? Padahal kita tahu, didalam widget terdapat properties yang berbeda-beda, dan duduk kasus yang sering dialami yaitu lupa apa saja yang diharapkan untuk menciptakan suatu widget.

Nah, untuk mengatasinya artikel ini sangat cocok buat kamu, akan kita bahas mengenai tips mengenal widget beserta komponen yang didalamnya.

Pertama, pastikan laptop kau sudah install Android Studio atau edittor ibarat Visual Studio Code, buat kau pengguna Visual Studio Code untuk mempermudah dan membantu kau menuliskan isyarat Flutter, baca artikel menggunakan visual studio code untuk Flutter.

Sebagai referensi untuk menerapkannya, kita pribadi praktekan saja agar lebih mengerti. Buatlah project Flutter atau kau sanggup memakai project sebelumnya yang sudah ada, lalu buka file main.dart pada folder lib. Hapus semua kodenya dan tambahkan isyarat berikut :

import 'package:flutter/material.dart';  void main() => runApp(MyApp());  class MyApp extends StatelessWidget {   @override   Widget build(BuildContext context) {     return MaterialApp(       title: 'Flutter',       home: Scaffold(         appBar: AppBar(           title: Text('Flutter'),         ),         body: Center(             child: Text('Hello World!'),         ),       ),     );   } } 

Kode diatas, kita menciptakan layout sederhana menampilkan text Hello World ditengah. Nah, cara mengetahui suatu Widget beserta propertiesnya kalian tinggal tekan tahan Ctrl + arahkan kursor ke widget yang diinginkan. Sehingga muncul obrolan wacana widget dan isinya, sebagai referensi untuk widget Text, gambarnya ibarat berikut :

Flutter widget text

Ada cara lain untuk mengetahui detailnya yang lebih lengkap, caranya tekan tahan Ctrl + klik pada widget yang diinginkan. Sehingga membuka file dimana widget tersebut berada, kau sanggup tahu pengertian, cara memakai widget, properties dan pengaturan apa saja yang sanggup kau gunakan. Contoh untuk widget Text, gambarnya ibarat berikut :

Flutter widget text class

Caranya sama dikala kau ingin mengetahui cara memakai properties dan apa tipenya, caranya tinggal tekan tahan Ctrl + arahkan kursor ke properties yang diinginkan.

Contohnya kau ingin mengetahui tipe apa yang dipakai untuk properties style pada widget Text, maka muncul obrolan yang berisi deskripsi dan tipe yang digunakan. Gambarnya ibarat berikut :

Flutter widget TextStyle

Sehingga kita sanggup tahu untuk properties style berupa TextStyle.  Cara yang sudah kau praktekan juga sanggup dipakai untuk widget lainnya, jikalau kau lupa dikala menciptakan suatu widget, tinggal gunakan saja cara tersebut.

Demikian tips untuk mengenal widget pada Flutter dengan gampang dan cepat, jangan lupa subscribe website codingtive untuk mendapat tutorial dan artikel menarik lainnya. Semoga bermanfaat ya.

Share this post