Apa itu Pull To Refresh?
Pull To Refresh (Tarik untuk menyegarkan) adalah gerakan layar sentuh yang terdiri dari menyentuh layar perangkat komputasi dengan jari atau menekan tombol pada perangkat penunjuk, menyeret layar ke bawah dengan jari atau perangkat penunjuk, lalu melepaskannya, sebagai sinyal ke aplikasi untuk menyegarkan konten layar.
 |
| Tutorial Flutter Pull To Refresh Mudah! |
Pada tutorial series Flutter Bahasa Indonesia kali ini, Konsep Koding akan berbagi tutorial mengenai cara membuat Pull To Refresh di Flutter dengan mudah dan efisien.
Membuat Project Flutter Baru
Jika kamu belum memiliki project Flutter maka untuk mengikuti tutorial ini, kamu harus membuat project Flutter baru, buka terminal atau cmd mu kemudian ketikan perintah di bawah ini :
flutter create my_app
Memulai Koding
Setelah kamu membuat project Flutter baru pada komputer mu ubah dan tambahkan library di pubspec.yaml dengan library easy_refresh menjadi seperti di bawah ini :
dependencies:
flutter:
sdk: flutter
# The following adds the Cupertino Icons font to your application.
# Use with the CupertinoIcons class for iOS style icons.
cupertino_icons: ^1.0.2
# Add this to pull to refresh
easy_refresh: ^3.0.4+2
Kemudian jalankan perintah pub atau biasanya akan otomatis update jika kamu menggunakan Visual Studio Code atau Android Studio.
Kemudian ubah file lib/main.dart menjadi seperti kode di bawah ini :
Setelah itu jalankan project mu
Setelah itu jalankan project mu
flutter run
Maka hasilnya akan seperti gambar di bawah ini:
Kesimpulan
Untuk digunakan bersama API kamu hanya perlu memanggilnya di service flutter mu ketika fetch api dan menghapus timeout nya, dan untuk style nya juga banyak ada yang untuk native ios yang bisa digunakan di android dan ios, style dengan space atau animasi.
Sekian semoga Tutorial Flutter Pull To Refresh Mudah dapat bermanfaat dan membantu.
Baca Tutorial Flutter Dart KonsepKoding Lainnya:
#28 Tutorial HTTP Request Flutter Get API
#29 Tutorial Membuat UI Login Animasi Keren Flutter
0 Comments