FLUTTER 58. Infinite (Auto Loading) List with BLoC

Поделиться
HTML-код
  • Опубликовано: 5 ноя 2024

Комментарии • 72

  • @BudiYunior
    @BudiYunior 5 лет назад +1

    Sejauh ini, ane pikir ini channel flutter indonesia yg paling enak diikuti, thx gan erico.
    Owh iya, ane boleh request gan, bisa bikin video dependent dropbox bertingkat yg datanya dari api, misalkan untuk memilih wilayah, seperti memilih propinsi->kabupaten->kecamatan->desa
    Datanya berasal dari 1 tabel yg punya relasi children-parent

  • @agungprabowo7625
    @agungprabowo7625 5 лет назад +1

    mantap gan, di tunggu video flutter selanjutnya

  • @komputerkerja7391
    @komputerkerja7391 4 года назад +1

    ini susah ya Pak,
    Mesti harus diulang2 ngoding nya sampai paham,
    Kalau sekedar mengikutin bisa2 aja sih, Program nya jalan, tapi gk paham XD
    Sampai sekarang belum berani masuk kelas flutix, ngeliat materi nya ganas ganas XDD
    BTW Terima Kasih Banyak Atas Ilmu nya ya Pak.
    Semoga Sehat Selalu GBU.

    • @ericodarmawan
      @ericodarmawan  4 года назад +3

      Hehe.. Iya.. Harus pelan2.. Direnungkan.. Supaya nangkep jalan berpikirnya.. Jadinya ngerti kenapa ngodingnya seperti itu.. Emang ga boleh cuma nyalin.. Klo cuma nyalin, jadinya juru ketik.. Bukan programmer.. Hehe.. Semangat yaa.. Gpp pelan2.. Yg penting ngerti.. Kan namanya jg belajar.. Bukan balap karung.. 😁😁

    • @ekapras5994
      @ekapras5994 3 года назад

      Berarti kalau mau bisa nulis kodingan sendiri seperti bapak, harus bisa konsep alur pembuatan aplikasinya ya pak.
      Misal di buat gambaran kayak bapak membuat flowcartnya melalui tulisan.

  • @odysync
    @odysync 5 лет назад +1

    nice om, sayang laptop ketinggalan dirumah :(

  • @slimefunoriginal
    @slimefunoriginal 4 года назад +1

    terbaik bapak videonya

  • @husnulaqib5303
    @husnulaqib5303 3 года назад +1

    mantap, terima kasih ilmunya

  • @dianwijaya1604
    @dianwijaya1604 Год назад

    pak mau bertanya, ini fungsi bloc.add(PostEvent()); tidak berjalan di dalam kondisi onScroll padahal codenya sama semua, itu yang membuat dia ketika scrollnya udah mentok masih loading, kenapa yah kira2?

  • @jali1800
    @jali1800 3 года назад +1

    terimakasih pak tutorialnya, tapi di video ini banyak hal baru ya pak😅, saya ngikutin dari playlist flutix jdi pusing hehe..
    oh iya pak penjelasan tentang addListener() ada di video nomor brpa ya?

    • @ericodarmawan
      @ericodarmawan  3 года назад

      Duh.. Listener lupa euy di mana saya jelasinnya.. Dah kebanyakan videonya.. 😅

  • @tarikhagustia939
    @tarikhagustia939 5 лет назад +1

    Yang ditunggu

  • @darnojiam6268
    @darnojiam6268 4 года назад

    Makasih gan, saya sukses praktek dengan tutorial ini...
    Tapi bagaimana ya cara reload listview ketika selesai menambah item ke database?

  • @MaulanaYusuf-yu3ge
    @MaulanaYusuf-yu3ge 3 года назад

    apa factory createPost tidak dipakai kah pak ? karena return dari connect API sudah dalam berbentuk map ?

  • @slimefunoriginal
    @slimefunoriginal 4 года назад

    pak mohon bantuannya. saya punya 3 listview horizontal dalam 1 page. ketika buka yg pertama kali, ketiga listview datanya di load. kemudian saya scroll keatas artinya listview yang ketiga di bawah layar. nah ketika saya scroll ke bawah lagi data di lisview ke3 malah di load ulang. datanya seperti tidak disimpan di memori. bohon bantuannya pak

  • @kokkei5828
    @kokkei5828 5 лет назад +1

    om request flutter authentication yang pake bloc dong..

  • @ernocobain
    @ernocobain 5 лет назад

    Bang bahas OOPnya dart dong... Baru belajar programan

    • @ericodarmawan
      @ericodarmawan  5 лет назад +1

      Konsep OOP sebenernya sama aja koq dengan bahasa manapun.. Untuk konsepnya sendiri, bisa nonton di Playlist saya dengan judul Pemrograman & Struktur Data Python. Atau jika ingin pembahasan yang lebih mendalam, bisa beli buku saya di sini:
      Buku Pemrograman Berorientasi Objek C# Yang Susah Jadi Mudah!!
      tokopedia.link/1kmyvg5D40

  • @JuniorIqfar
    @JuniorIqfar 3 года назад +1

    Mau tanya, gmn caranya pada saat sudah load, namun ketika app ditutup dan d buka kembali tidak hilang listnya...

    • @ericodarmawan
      @ericodarmawan  3 года назад

      Makanya jangan dilompat2 belajarnya.. Itu ada di nomor 51.. Pakai Hydrated Bloc..

    • @JuniorIqfar
      @JuniorIqfar 3 года назад +1

      @@ericodarmawan siyap salah pak😂 segera meluncur

  • @dekyuda
    @dekyuda 3 года назад

    Kalau bikinnya pakai paginate (di api) gimana caranya ko ?

  • @adhithiairvanrachmawan8416
    @adhithiairvanrachmawan8416 5 лет назад +1

    Bang cara menambahkan Loading (CircularIndicator) saat load api menggunakan bloc gimana ya?

    • @ericodarmawan
      @ericodarmawan  5 лет назад

      Buat satu macam State lagi yg menunjukkan bahwa sedang loading. State tersebut di-yield sebelum pemanggilan API.. Jika API sudah selesai, baru yield lagi State yg baru yg memberikan hasilnya.

    • @adhithiairvanrachmawan8416
      @adhithiairvanrachmawan8416 5 лет назад

      @@ericodarmawan : 😭 gak ngerti bang, ada tutorialnya?

    • @ericodarmawan
      @ericodarmawan  5 лет назад +2

      @@adhithiairvanrachmawan8416 di sini ada contohnya:
      ruclips.net/video/hTExlt1nJZI/видео.html

  • @dickaestusaputra9365
    @dickaestusaputra9365 4 года назад

    pak saya mau tanya, saya kan pke plugin vs code yg bantu gtuin package di pubspec yaml, nah dapetlah bloc dan flutter_bloc yg versinya beda tidak seperti di video bapak, alhasil muncul error pak, terus saya inisiatif buat ikutin versinya mirip seperti di video bapak dan tidak ada error lg
    nah timbul pertanyaan di saya, gmna caranya saya milih versi package yg sesuai pak? apakah ikutin versi terbaru, atau ada versi stable?

    • @ericodarmawan
      @ericodarmawan  4 года назад

      Kalau pas belajar di video tutorial, ikuti sesuai video dulu aja semua versinya.. Supaya nangkep dulu konsepnya.. Ntar klo uda ngerti, baru baca changelog nya di versi terbaru apa aja perubahannya.. Klo untuk package yg sering saya pakai dan penting sih biasanya saya buatkan update nya nanti di video2 berikutnya.. Kayak yg Bloc ini.. Ntar updatenya ada di video tentang Cubit.. Soalnya, perubahan drastisnya mulai di versi 5.. Masih jauh dari nomor video yg ini.. Sabar aja.. Ntar pasti lewatin koq.. 😊

  • @faisalinsider
    @faisalinsider 3 года назад

    Pak Erico penjelasannya bagus bgt, dari project di atas belum ada penanganan jika koneksi di matikan / data hp tidak ada kuota pak?

    • @ericodarmawan
      @ericodarmawan  3 года назад

      Belum.. Itu bisa pakai package khusus yg mengecek apakah ada koneksi inet atau tidak.. Tapi bisa juga diambil dari kode hasil API nya.. Kalau bukan 200 kan gagal.. Tinggal dicek itu gagal krn apa dari kode yg dibalikin.. Nanti kasih warning ke usernya..

    • @faisalinsider
      @faisalinsider 3 года назад

      @@ericodarmawan oke pak, saya perlu banyk referensi buat bloc dgn variasi2 baru, bagi pemula kaya saya msih njlimet buat pahaminnya

    • @ericodarmawan
      @ericodarmawan  3 года назад

      @@faisalinsider hehe.. Iya.. Gpp.. Pas awal2 saya belajar juga masih meraba2.. Setelah bbrp kali project baru lebih ngeh..

  • @komputerkerja7391
    @komputerkerja7391 3 года назад +1

    Pak.Erico, Ini Kalau Dilihat2 Yang factory Method Di Class Post, Nggak Pernah Di panggil Ya??, Apa saya yang salah?

    • @ericodarmawan
      @ericodarmawan  3 года назад

      O iya.. Saya kelupaan.. Itu di menit 5:20 bisa dipakai di sana.. Di situ saya buat Post nya kan pakai constructor biasa.. Maksud saya buat createPost itu utk di situ.. Jadinya di map isinya tuh Post.createPost(item)
      Jadinya lebih singkat.. Ngga usah Post(blablabla) ..

  • @memcaliber
    @memcaliber 5 лет назад

    Bang, maaf sebelumnya, apakah Abang punya referensi tentang copy dan paste sebuah gambar hasil dari kamera? Hasil dari kamera tersimpan pada direktori tempat aplikasi terinstal sehingga tidak terbaca di galeri. Saya ingin copy atau move file gambar hasil kamera kedalam folder yg dibuat pada internal storage agar mudah d akses...

    • @ericodarmawan
      @ericodarmawan  5 лет назад

      Halo.. Saya belum pernah coba.. Jadi, belum bisa jawab.. Coba ditanyakan ke grup FB/Telegram Flutter Indonesia ya.. Mungkin ada temen2 lain di sana yg uda pernah coba dan bisa membantu.. 😊

    • @BudiYunior
      @BudiYunior 5 лет назад

      Kayanya pake dio dan save ke applicationDocumentDirectory, file akan tersimpan dalam folder aplikasi misal dlm direktori com.example.app, kayanya dia ngga akan kebaca sm galery, koreksi klo saya salah✌️✌️

    • @memcaliber
      @memcaliber 5 лет назад

      @@ericodarmawan Siip.. Terimakasih, Bang...

    • @memcaliber
      @memcaliber 5 лет назад

      @@BudiYunior Iya, Mas Budi.. dengan applicationDocumentDirectory tersimpan dalam direktori tempat aplikasi terinstal. Karena saya masih nubie banget soal ini, cara termudah bagi saya adalah copy foto tersebut dan paste ke direktori lain (cara ngasal aja, Mas haha)..

  • @akhmadnuralamsyah436
    @akhmadnuralamsyah436 4 года назад

    pak mau tanya, perbedaan == sama is apa ya ?
    udah cari di internet tapi masih bingung

    • @ericodarmawan
      @ericodarmawan  4 года назад

      ruclips.net/video/e9hYhWwo89k/видео.html
      ruclips.net/video/gfyg17i62_k/видео.html
      ruclips.net/p/PLZQbl9Jhl-VDeCuNNp7C2SR1lFsIjQRQo
      Saran: silahkan dipelajari dulu playlist PBO Dart saya sebelum masuk ke playlist Flutter Tutorialnya ya. Konsep PBO sangat sangat sangat penting. Supaya ntar ga bingung pas belajar di Flutter Tutorialnya.

  • @rizalfahlevi5720
    @rizalfahlevi5720 2 года назад

    Kalo diimplementasiin di Datatable bisa gak gan?

  • @rafihuda9698
    @rafihuda9698 Год назад

    pas saya run aplikasi malah timbul error seperti itu

  • @rianpratama8262
    @rianpratama8262 2 года назад

    Saya udah melihat 2 kali, tapi masih belum paham. Kenapa ya harus buat banyak class dan ada class abstrack juga. Kenapa gak satu class aja dan buat banyak function ya Pak? bagian post_block.dart class PostEvent, PostState, dll
    Selain itu coding nya paham, saya udah update package
    http: ^0.13.5
    flutter_bloc: ^8.0.1
    Mungkin kurang minum kopi😁

    • @farisabdurrahman3064
      @farisabdurrahman3064 2 года назад +1

      coba belajarnya dari playlist PBO dart dulu mas, disitu ada dijelasin SOLID principle

    • @rianpratama8262
      @rianpratama8262 2 года назад

      @@farisabdurrahman3064 kemungkinan saya lupa, playlist PBO udah semua saya lihat mas😁

  • @ade_ridwan
    @ade_ridwan 4 года назад

    Bang mau tanya, kalau biar data nya pas kurang dari 10 gak loading dibawah nya gimana ya? Soalnya kalau data lebih dari 10 normal cuman pas datanya kurang dari 10 bawah nya loading terus.

    • @ericodarmawan
      @ericodarmawan  4 года назад

      Di fungsi mapEventToState.. Pas load yg pertama kali.. Yg di dalem if(state is PostUninitialized).. Setelah load data (perintah await Post.connectToAPI).. Sebelum yield.. Dicek dulu aja isi postnya (datanya), kalau ternyata lebih kecil dari 10, berarti kan udah abis datanya.. Yg di yield itu hasReachedMax nya dikasih true langsung..

    • @serapionkusuma7317
      @serapionkusuma7317 4 года назад +1

      @@ericodarmawan thx. mantap bang

  • @slimefunoriginal
    @slimefunoriginal 4 года назад

    pak, bisa gak home: BlocProvider< di main.dart di pindahkan ke MainPage.dart? soalnya di main mau di pake buat nampilin page yang lain

    • @albertussindhu3909
      @albertussindhu3909 3 года назад

      mending pake multibloc aja hehee, jadi bisa panggil smua bloc di main.dart ..

  • @sedekahcoding
    @sedekahcoding 5 лет назад

    bang maaf,pada saat mau add package di pusbec.yaml nya bisa otomatis di commad itu bagaimana cara nya terimakasih

    • @ericodarmawan
      @ericodarmawan  5 лет назад

      Bagus kaaaann? 😁 Lihat di sini ya..
      ruclips.net/video/7mFZDnvdk_Q/видео.html

  • @RakaFS
    @RakaFS 4 года назад

    untuk masalah API disini apakah bisa gunakan untuk API yang tidak ada endpointnya limit ?? , contohnya saya ingin menggunakan API ini www.themealdb.com/api/json/v1/1/categories.php

    • @ericodarmawan
      @ericodarmawan  4 года назад +1

      Yg perlu ditangkap di video ini bukan masalah API nya sih.. Tapi logika cara kerja infinite list nya.. Cara ambil datanya.. Gimana kasih progress indicatornya.. Kapan load yg barunya, dsb.. Kalau API yg digunakan, itu hanya contoh saja.. Nanti tetap harus disesuaikan dengan API yg digunakan..

  • @mocimoci7699
    @mocimoci7699 5 лет назад +1

    menunggu versi add/edit data nya with bloc

    • @ericodarmawan
      @ericodarmawan  5 лет назад

      Untuk Add, Edit, Delete dengan BLoC.. Itu semua sama saja Mas caranya.. Sama2 panggil API.. Hanya API yang dipanggilnya saja yg berbeda.. Tergantung mau apa.. Kalau mau Add, ya API utk Add yang dipanggil.. Lalu, masukkan parameternya sesuai yg diminta oleh API tersebut..

    • @mocimoci7699
      @mocimoci7699 5 лет назад

      ​@@ericodarmawan error "Failed assertion: boolean expression must not be null
      User-created ancestor of the error-causing widget was
      Container " di line 30 main pagenya mas . itu error setelah gw tambahin fitur delete.datanya berhasil kedelete tp pas onloading balik kedatanya malah dapat error gitu

  • @slimefunoriginal
    @slimefunoriginal 4 года назад

    bg, gimana kalau datanya udah habis muncul pesan di bawahnya "Tidak ada data lagi" ?

    • @ericodarmawan
      @ericodarmawan  4 года назад

      Dipelajari dulu videonya sampai bener2 ngerti dengan apa yg dikoding.. Ngerti alur logika berpikirnya.. Klo uda ngerti, dijamin pasti tau harus ditaruh di mana pesan tersebut..

    • @slimefunoriginal
      @slimefunoriginal 4 года назад +1

      @@ericodarmawan oke bg.

  • @slimefunoriginal
    @slimefunoriginal 4 года назад

    pak, datanya udah nampil dan loadingnya juga udah bisa. tapi ga mau nambah datanya. saya pake api ini reqres.in/api/users?page=1. kira2 dimana salahnya pak?

    • @slimefunoriginal
      @slimefunoriginal 4 года назад

      gimana cara tracking kesalahannya. bisa gak di kasi printout pak?

  • @gudthing9592
    @gudthing9592 4 года назад

    Method factorynya kok ga dipanggil yaa Pak?

    • @albertussindhu3909
      @albertussindhu3909 3 года назад

      klu factory di json nya itu mengubah aja jadi array krn dr json di decode nah decode nya ini nanti jadi array sm factory di model ...
      maaf klu salah masih belajar juga hehe

  • @Rii-Americano
    @Rii-Americano 4 года назад

    apakah boleh saya minta source codeny?

    • @albertussindhu3909
      @albertussindhu3909 3 года назад

      ini ada di blocdev boss...
      bloclibrary.dev/#/flutterinfinitelisttutorial
      check aja disitu soalnya bloc yg buat felix angelov

  • @BayuLukmanYusuf
    @BayuLukmanYusuf 5 лет назад

    Emulator pake apa itu?

    • @ericodarmawan
      @ericodarmawan  5 лет назад

      Saya ga pakai emulator.. Itu tampilan Android saya.. Itu aplikasi mirror, namanya ApowerMirror..

  • @marwandhiaurrahman
    @marwandhiaurrahman 5 лет назад

    Bang emulatornya pake apaan tuh ?

    • @ericodarmawan
      @ericodarmawan  5 лет назад

      Bukan emulator.. Itu aplikasi mirroring.. Utk nampilin HP saya.. Saya pakai APowerMirror

    • @marwandhiaurrahman
      @marwandhiaurrahman 5 лет назад +1

      @@ericodarmawan siap ikut pake juga mass