Tampilkan postingan dengan label Flutter. Tampilkan semua postingan
Tampilkan postingan dengan label Flutter. Tampilkan semua postingan

Minggu, 20 Juli 2025

create project flutter with getx

Get CLI adalah alat yang sangat berguna untuk mempercepat pengembangan aplikasi Flutter dengan memanfaatkan arsitektur GetX. Berikut adalah langkah-langkah untuk memulai proyek menggunakan Get CLI

 

1. Instalasi Get CLI

Jalankan perintah berikut untuk menginstal Get CLI secara global di mesin Anda:

  • flutter pub global activate get_cli

Tambahkan direktori Get CLI ke dalam PATH sistem Anda:

  • export PATH="$PATH":"$HOME/.pub-cache/bin"
     

2. Membuat Proyek Flutter Baru (GETX)

Untuk membuat proyek baru menggunakan Get CLI, gunakan perintah berikut:

  • get create project

 

pilih nomor 1 enter

 

isi nama project, contoh: Baterai Indikator

isi com.[nama_company].[nama_aplikasi], contoh: com.slametdev.bateraiIndikator

 

pilih nomor 1 enter

 

pilih nomor 1 enter 

 

pilih nomor 1 enter


pilih nomor 1 enter

 

pilih nomor 1 enter

 

cd baterai_indikator/

flutter run

3. Memperbaiki Error Setelah Upgrade Flutter

Setelah upgrade Flutter, terkadang Get CLI bisa mengalami error karena ketidakcocokan versi. Untuk memperbaikinya, instal ulang Get CLI menggunakan versi dari repository GitHub:

 flutter pub global activate --source=git https://github.com/inyong1/get_cli.git

get init

get create page:home

get generate model on list_picking_outbound with assets/models/list_picking_outbound_model.json 



jika error ketika generate model:

slametdev@slametdev:~/slametdev/flutter/pengingat$ get generate model with assets/models/user.json
Unhandled exception:
Null check operator used on a null value
#0      PubspecUtils.nullSafeSupport (package:get_cli/common/utils/pubspec/pubspec_utils.dart:146:76)
#1      new TypeDefinition (package:get_cli/common/utils/json_serialize/sintaxe.dart:81:22)
#2      new TypeDefinition.fromDynamic (package:get_cli/common/utils/json_serialize/sintaxe.dart:68:12)
#3      ModelGenerator._generateClassDefinition (package:get_cli/common/utils/json_serialize/model_generator.dart:68:36)
#4      ModelGenerator.generateUnsafeDart (package:get_cli/common/utils/json_serialize/model_generator.dart:148:9)
#5      ModelGenerator.generateDartClasses (package:get_cli/common/utils/json_serialize/model_generator.dart:181:28)
#6      GenerateModelCommand.execute (package:get_cli/commands/impl/generate/model/model.dart:41:35)
<asynchronous suspension>
#7      main.<anonymous closure> (file:///home/slametdev/.pub-cache/hosted/pub.dev/get_cli-1.9.1/bin/get.dart:18:38)
<asynchronous suspension>
#8      main (file:///home/slametdev/.pub-cache/hosted/pub.dev/get_cli-1.9.1/bin/get.dart:18:9)
<asynchronous suspension>


solusi:

dart pub global deactivate get_cli

dart pub global activate get_cli 1.8.1


Kamis, 12 Desember 2024

cara menggantin icon aplikasi flutter

 Langkah 1: setup library beserta asset pada pubspec.yaml

 

dev_dependencies:
flutter_test:
sdk: flutter
flutter_launcher_icons: "^0.8.0"

flutter_icons:
android: "launcher_icon"
ios: true
image_path: "assets/icon/car.png"
 

yang perlu diperhatikan adalah image_path yaitu berisi path image launcher kita. pada kasus ini saya menaruh icon lancher pada directory <nama_projek>/assets/icon/car.png.

Langkah 2: Jalankan perintah pub get untuk mengupdate library dan konfigurasi pubspec.yaml

Langkah 3: Jalankan perintah dibawah pada terminal projek anda

   
flutter packages pub run flutter_launcher_icons:main

perintah ini kan secara otomatis mengenerate icon pada directory android dan ios sobat yaa. apabila telah sukses maka akan ada tampilan pada terminal seperti dibwah ini.

 

 

create project flutter with getx

Get CLI adalah alat yang sangat berguna untuk mempercepat pengembangan aplikasi Flutter dengan memanfaatkan arsitektur GetX . Berikut adala...