Terima kasih Mas/Om Erico. Tapi kenapa ya Scaffold nya harus diletakkan dalam class tersendiri (MainPage). Kalau saya coba letakkan langsung di dalam class MyApp muncul error seperti ini: No MediaQuery ancestor could be found starting from the context that was passed to MediaQuery.of(). This can happen because you have not added a WidgetsApp, CupertinoApp, or MaterialApp widget (those widgets introduce a MediaQuery), or it can happen if the context you use comes from a widget above those widgets.
Slmt malem pak, sy baru belajar flutter.. setelah mengikuti tutorial ini, kenapa ketika layar lanscape, tampilannya hanya setengah layar ya, terimakasih jawabannya
selamat siang om. sebelum nya mau berterimakasih dahulu karna selalu membuat materi soal flutter dan membuat saya selalu belajar di youtube mas erico. ada pertanyaan mas. kalau pake mediaquery apa harus pake flexible juga atau expanded ? karna dari ketiga itu saya belum paham, dan sepemaham saya dari 3 itu semua tujuan nya biar responsive app kita. apa kalau pake media query tak perlu flexible dan expanded ? mohon pencerahannya. sebelum nya terimakasih
Ngga harus.. Terserah aja sih.. Ga ada aturan yg mengharuskan kalau kita pakai A, maka harus pakai B. Semua tutorial saya hanya menunjukkan fungsi dan cara pemakaian dari widget, package, dsb nya saja.. Pemakaiannya sih bebas, tergantung kebutuhan Mas.. Ibarat, belajar masak.. Saya haya menunjukkan kegunaan dan contoh penggunaan pisau, wajan, dsb.. Pemakaiannya dalam memasak nanti sih terserah yg masak..
Flex dan Expanded itu satu kesatuan.. Kalau kamu ingin pakai Flex maka kmu harus membungkusnya dgn Expanded, dan Flex gunakan untuk children. Untuk membuat app full responsive ada bbrpa component yg biasa digunakan yaitu : MediaQuery FractionallySizedBox Flex Dan AspectRatio MediaQuery lebih baik digunakan untuk parrent utama layout. FractionallySizedBox digunakan untuk Child. Flex digunakan untuk Children. AspectRatio lebih baik digunakan untuk Layout yg Scrollable.
Bang apa benar flexible widget itu untuk design component widget seperti button atau product card, dan mediaquery lebih baik digunakan untuk design layout ?
Begini.. Ketika belajar widget/fungsi tertentu di video saya.. Pahami dulu kegunaannya dan bisa apa aja nya.. Setelah itu, bebas.. Untuk membuat sebuah tampilan, itu bisa banyak caranya.. Selama tampilan yg dihasilkan sesuai dgn desain yg diinginkan, ga masalah pakai apapun.. Pisau itu utk memotong.. Meskipun pisau sering dipakai utk memotong sayur, tapi utk memotong tali pun bisa kan? Dan memotong tali juga tidak harus pakai gunting kan? Jadi, silahkan digunakan kalau memang bisa membuat tujuan yg diinginkan tercapai. Ga ada aturannya koq.. 😊
tadi saya ngotak ngatik trus nemu error "No MediaQuery widget ancestor found." setelah itu saya ngikutin yang ada di video ini untuk memisahkan class scaffold dengan materialApp, errornya berhasil hilang. pertanyaan saya, kenapa harus dipisah ya pak class Scaffold dengan MaterialApp untuk menggunakan mediaQuery?
Karena MediaQuery perlu ancestor (widget yg di atas widget yg menggunakan) yg memiliki MediaQuery. Kalau dipisah, maka MaterialApp yg akan jadi ancestornya Scaffold.. Informasi mengenai MaterialApp tersebut akan diberikan melalui parameter context di build nya widget yg menggunakan Scaffold. Tapi kalau digabung di dalam MaterialApp, MaterialApp nya ga punya anchestor lagi.. Dia kan yg paling atas..
Itu dalam logical pixel.. Itu ukuran yg tidak tergantung pada resolusi.. Jadi, Container 20x20 akan terlihat sama aja ukurannya di HP ataupun di Tab dgn resolusi dan ukuran layar apapun.. Itu juga berlaku meskipun jumlah pixel pada setiap device berbeda.. Bisa dibaca di sini.. api.flutter.dev/flutter/widgets/MediaQueryData/size.html -- Bagi yang belum bergabung dgn grup baru saya, silahkan bergabung di: beacons.ai/ericodarmawan
Bapak maaf tanya , kenapa tidak menggunakan sizedBox saja pak ? kan katanya kalau kita hanya membutuhkan bentuk nya saja bisa menggunakan sizeBox .. mohon jawabannya bapak
Halo, saya baru belajar flutter. dari materi Media Query ini, yang saya tangkap jadi perlu develop terpisah antara layar potrait dan landscape. apa tidak ada plugins/tools untuk menyesuaikan otomatis seperti bootstrap atau sejenisnya?
@@ericodarmawan oh mungkin saya salah tangkap, saya terpaku kenapa di video tampilan untuk portrait dan landscapenya dibuat if. Walau sebenernya dari width dan height container bisa diatur langsung ya menyesuaikan seberapa besar ukuran layar yang mau dipakai dengan menggunakan media query ini?
Bisa2 aja.. Bebas koq.. Dibuat perbandingan juga bisa.. Misalnya utk yg lebar layar 100, marginnya maunya 10.. Berarti klo layarnya 250 kan tinggal 10/100 x 250
Lebih presisi pakai MediaQuery.. Bisa dilakukan perbandingan ukuran dengan desain yg sudah dibuat oleh UI Designer.. Kalau saya sih lebih sering pakai MediaQuery..
Untuk UI yg full responsive semua dipakai dan tergantung kondisi. MediaQuery lebih baik di pakai untuk parrent utama dari layout, setelah itu untuk child nya tidak perlu pakai MediaQuery lagi tapi bisa pakai Flex ataupun FractionallySizedBox. Karena akan otomatis mengikuti ukuran parrent. Flex digunakan untuk children sedangkan FractionallySizedBox digunakan untuk child. Jika untuk jenis layout scrollable lebih baik gunakan aspectRatio.
![[ENG SUB] FLUTTER 36. HTTP Request / Koneksi ke API (Post Method) | Flutter Indonesia](/img/n.gif)
Terimakasih untuk video tutorialnya abang. Kalau boleh saya request video tutorial penerapan design pattern mvp pada flutter.
Terima kasih. pelajaran anda sangat baik dan sangat bemanfaat.
NOted to myself: Ulangi lagi belajar ini
Terimakasih banyak guru, mencerahkan
Super Sekali..
Sangat membantu pak, sukses terus.
mantap, terima kasih ilmunya
Super Bang Darmawan
Mantep kali pak hehehe...
Iya donk..
Terima kasih Mas/Om Erico. Tapi kenapa ya Scaffold nya harus diletakkan dalam class tersendiri (MainPage). Kalau saya coba letakkan langsung di dalam class MyApp muncul error seperti ini: No MediaQuery ancestor could be found starting from the context that was passed to MediaQuery.of(). This can happen because you have not added a WidgetsApp, CupertinoApp, or MaterialApp widget (those widgets introduce a MediaQuery), or it can happen if the context you use comes from a widget above those widgets.
ijin belajar mastah
Slmt malem pak, sy baru belajar flutter.. setelah mengikuti tutorial ini, kenapa ketika layar lanscape, tampilannya hanya setengah layar ya, terimakasih jawabannya
gila2,, mantap bang
selamat siang om. sebelum nya mau berterimakasih dahulu karna selalu membuat materi soal flutter dan membuat saya selalu belajar di youtube mas erico. ada pertanyaan mas. kalau pake mediaquery apa harus pake flexible juga atau expanded ? karna dari ketiga itu saya belum paham, dan sepemaham saya dari 3 itu semua tujuan nya biar responsive app kita. apa kalau pake media query tak perlu flexible dan expanded ? mohon pencerahannya.
sebelum nya terimakasih
Ngga harus.. Terserah aja sih.. Ga ada aturan yg mengharuskan kalau kita pakai A, maka harus pakai B. Semua tutorial saya hanya menunjukkan fungsi dan cara pemakaian dari widget, package, dsb nya saja.. Pemakaiannya sih bebas, tergantung kebutuhan Mas.. Ibarat, belajar masak.. Saya haya menunjukkan kegunaan dan contoh penggunaan pisau, wajan, dsb.. Pemakaiannya dalam memasak nanti sih terserah yg masak..
Flex dan Expanded itu satu kesatuan.. Kalau kamu ingin pakai Flex maka kmu harus membungkusnya dgn Expanded, dan Flex gunakan untuk children.
Untuk membuat app full responsive ada bbrpa component yg biasa digunakan yaitu :
MediaQuery
FractionallySizedBox
Flex
Dan AspectRatio
MediaQuery lebih baik digunakan untuk parrent utama layout.
FractionallySizedBox digunakan untuk Child.
Flex digunakan untuk Children.
AspectRatio lebih baik digunakan untuk Layout yg Scrollable.
@@yofiyonadio Berkali kali gw nemu jawaban super dari akun ini, makasih mas
Ini bedanya sama widget flexible apa om ?
Beda.. Flexible widget kan pakai perbandingan.. Pakai flex.. Kalau ini kan pakai lebar layar.. Beda cara pakai..
Bang apa benar flexible widget itu untuk design component widget seperti button atau product card, dan mediaquery lebih baik digunakan untuk design layout ?
Begini.. Ketika belajar widget/fungsi tertentu di video saya.. Pahami dulu kegunaannya dan bisa apa aja nya.. Setelah itu, bebas.. Untuk membuat sebuah tampilan, itu bisa banyak caranya.. Selama tampilan yg dihasilkan sesuai dgn desain yg diinginkan, ga masalah pakai apapun.. Pisau itu utk memotong.. Meskipun pisau sering dipakai utk memotong sayur, tapi utk memotong tali pun bisa kan? Dan memotong tali juga tidak harus pakai gunting kan? Jadi, silahkan digunakan kalau memang bisa membuat tujuan yg diinginkan tercapai. Ga ada aturannya koq.. 😊
@@ericodarmawan Wah terimakasih suhu
tadi saya ngotak ngatik trus nemu error "No MediaQuery widget ancestor found."
setelah itu saya ngikutin yang ada di video ini untuk memisahkan class scaffold dengan materialApp, errornya berhasil hilang.
pertanyaan saya, kenapa harus dipisah ya pak class Scaffold dengan MaterialApp untuk menggunakan mediaQuery?
Karena MediaQuery perlu ancestor (widget yg di atas widget yg menggunakan) yg memiliki MediaQuery. Kalau dipisah, maka MaterialApp yg akan jadi ancestornya Scaffold.. Informasi mengenai MaterialApp tersebut akan diberikan melalui parameter context di build nya widget yg menggunakan Scaffold. Tapi kalau digabung di dalam MaterialApp, MaterialApp nya ga punya anchestor lagi.. Dia kan yg paling atas..
mas, saya pake media query di widget yg brda didalam column ko error ya? gmna caranya mas?
Bisa koq Mas.. Coba deh main.dart nya pakai yang saya kasih contoh ini. Ini pakai MediaQuery di dalam Column.
pastebin.com/Gyx6TDb3
@@ericodarmawan Oia ini bisa mas, tapi ko mesti dipisahin dlu ya classnya?
Terima Kasih
Sama sama.. Mohon dukungannya ya.. Makasi.. 😊
kalo width = 10, sepuluhnya itu apakah pixel?, ada ga video yg menjlesakan itu?
Itu dalam logical pixel.. Itu ukuran yg tidak tergantung pada resolusi.. Jadi, Container 20x20 akan terlihat sama aja ukurannya di HP ataupun di Tab dgn resolusi dan ukuran layar apapun.. Itu juga berlaku meskipun jumlah pixel pada setiap device berbeda.. Bisa dibaca di sini..
api.flutter.dev/flutter/widgets/MediaQueryData/size.html
--
Bagi yang belum bergabung dgn grup baru saya, silahkan bergabung di:
beacons.ai/ericodarmawan
@@ericodarmawan nuhun pak
Bapak maaf tanya , kenapa tidak menggunakan sizedBox saja pak ? kan katanya kalau kita hanya membutuhkan bentuk nya saja bisa menggunakan sizeBox .. mohon jawabannya bapak
Sizedbox sama container sama aja gada bedanya
bang lebih mudah design web atau flutter
Haha.. Beda rasa itu mah.. Susah bilang lebih mudah mana..
Halo, saya baru belajar flutter. dari materi Media Query ini, yang saya tangkap jadi perlu develop terpisah antara layar potrait dan landscape. apa tidak ada plugins/tools untuk menyesuaikan otomatis seperti bootstrap atau sejenisnya?
Justru dengan MediaQuery kita bisa menyederhanakan kodingan kita supaya cocok di segala ukuran layar..
@@ericodarmawan oh mungkin saya salah tangkap, saya terpaku kenapa di video tampilan untuk portrait dan landscapenya dibuat if. Walau sebenernya dari width dan height container bisa diatur langsung ya menyesuaikan seberapa besar ukuran layar yang mau dipakai dengan menggunakan media query ini?
@@arihadi2287 iya.. Betul.. Tujuannya supaya kita bisa memberikan ukurannya berdasarkan ratio dgn ukuran layar yg kita miliki.. Bukan ukuran fix..
Bedanya dengan Flexible Widget apa bang? menurut abang enakan pakai Flexible atau MediaQuerry?
Coba dibandingin lagi ama video saya yg Flexible.. Beda pemakaiannya itu.. Tergantung kasus juga utk enakan mananya..
Ini pas untuk digunakan pada font size , margin , padding juga ngga?
Bisa2 aja.. Bebas koq.. Dibuat perbandingan juga bisa.. Misalnya utk yg lebar layar 100, marginnya maunya 10.. Berarti klo layarnya 250 kan tinggal 10/100 x 250
@@ericodarmawan makasih infonya bang, btw elevated button bagusnya ubah style make styleform atau ButtonStyle
Jadi untuk desain tampilan ui bagus pakai mediaquery atau flexsible?
Lebih presisi pakai MediaQuery.. Bisa dilakukan perbandingan ukuran dengan desain yg sudah dibuat oleh UI Designer.. Kalau saya sih lebih sering pakai MediaQuery..
Untuk UI yg full responsive semua dipakai dan tergantung kondisi. MediaQuery lebih baik di pakai untuk parrent utama dari layout, setelah itu untuk child nya tidak perlu pakai MediaQuery lagi tapi bisa pakai Flex ataupun FractionallySizedBox. Karena akan otomatis mengikuti ukuran parrent.
Flex digunakan untuk children sedangkan FractionallySizedBox digunakan untuk child.
Jika untuk jenis layout scrollable lebih baik gunakan aspectRatio.