FLUTTER 29 Media Query (Tutorial Flutter Bahasa Indonesia)

Dalam video ini membahas tentang :
1. Penggunaan Media Query untuk mendapatkan Size Device
2. Penggunaan Media Query untuk mendapatkan Orientasi Device
3. Penggunaan Media Query untuk mendapatkan Size Padding
4. Membuat Kententuan Orientasi dengan setPreferredOrientation

[@LAKSHMI39]

You are great Sir, Thank you.

[@herlambangkurniawan6027]

GG bang Trims ilmunya

[@fitanmir]

Tim notif absen kuy

[@hallofbens]

Sekuyyyy

[@KuldiiProject]

wah wah 🙏

[@feriwinarta7917]

keren bang🔥🆒

[@danangdwigustifajaryanto]

Parah banget tutorial sejelas ini bisa sepi, .-.

[@KuldiiProject]

Wahh thank you bgt bang 🙏🏻🙏🏻🙏🏻

[@awlicious]

bang klo kita mau bkin responsive page nya diseluruh page itu set mediaquery di main.dart atau diseluruh file page ya?

[@KuldiiProject]

kalo saya gak dibikin general sih bang, biar lebih flexible ajah

[@raflisofaramadan]

15:04 abang kentut?

[@KuldiiProject]

wkkwkwk apa yaa itu, kayaknya cut deh 😂

[@januarfrihardian9162]

Cara atur posisi antar widget (margin) , agar responsif juga gmna ya gan ?

[@KuldiiProject]

Pasang ajah bang mediaquery dari width total berapa pake persentase, atau kalo mau otomatis bungkus column / row biar dapet mainaxis aligmentnya dia yg atur

[@januarfrihardian9162]

@@KuldiiProject Makasih gan fast fast respon nya ... Sebelumnya saya menggunakan, margin.edgeonly(top) untuk kasih jarak widget satu dengan widget atas nya ... cuman pas dicoba dengan device lain dia over pixel. Widget tersebut juga sudah berada di dalam column mas, cuman belum coba untuk mainaxis nya, belum terlalu paham hehe ... kira" begini mas codingan yang saya lakukan : //Widget1 Container( margin: EdgeInsets.only(top: 130), color: Colors.blue, width: MediaQuery.of(context).size.width / 2, height: MediaQuery.of(context).size.height / 8, child: Text("Mulai", style: TextStyle(fontSize: 50, color: Colors.white),textAlign: TextAlign.center) ), //Widget 2 Container( margin: EdgeInsets.only(top: 200, left: 350), color: Colors.green, width: MediaQuery.of(context).size.width / 7.5, height: MediaQuery.of(context).size.height / 15, child: Icon(Icons.info, size: 50, color: Colors.white,) ) jadi kalo mau kasih jarak antar widget 1 dan 2 itu taro axismain nya dmna nya ya gan ? makasih sebelumnya

[@KuldiiProject]

Pasang sizebox ajah bang

[@januarfrihardian9162]

@@KuldiiProject nah iya gan, saya kepikiran pasamb sized box juga 😂, cuman di bagian widget icon itu posisi nya pojok kanan bawah, berarti pertama pada sizedbox dlu untuk jarak kebawah, untuk yang ke kanan nya perlu di buat row dlu ya ?

[@KuldiiProject]

@@januarfrihardian9162 hahaha saya kurang paham sih tampilannya mau kayak gimana, coba pastebin ajah bang codingan lengkapnya

[@ilhamdunker3011]

Bang mau tanya, untuk fontsize di device kecil biar responsif gimana ya bang

[@KuldiiProject]

Bisa diatur ajah ukuran fontsizenya dynamic, bisa manfaatin juga pake fittedbox

[@ferrysantoso2597]

bang mau bertanya, saya sudah bikin aplikasi , nah untuk mengatur resolusi layar supaya ngikutin setiap handphone apakah caranya sama kaya video diatas ?

[@KuldiiProject]

Iyaapp bang, kalo mau buat ukuran yg relative terhadap pixel devicenya, ganti ke bentuk persentase width dan height device

[@ferrysantoso2597]

@@KuldiiProject maaf bang baru baca, terimakasih infonya. Satu lagi bang., berarti itu kita atur lagi per file dart nya, atau di file main.dart nya aja ya bang. Trimakasih...

[@ferrysantoso2597]

@@KuldiiProject case nya saya udh bikin aplikasi pendataan ampe beres. tapi waktu dicoba masuk ke hp, layarnya engga pas

[@goysid]

Bang, kalo masalah font gimana? Misalkan set font 16 tapi pas di device yg kecil jadi kegedean gitu auto overflow jadinya gimana set nya ya biar responsif

[@KuldiiProject]

bungkus FittedBox

[@ismunandarmuis8508]

Bang mau bertanya, sya sudah ikuti cra yang ada di video tapi punya saya tampil pesan error "no mediaQuery widget ancestor found" itu knpa bang?🙏🙏

[@KuldiiProject]

Sudah sama persis bang ?

[@ismunandarmuis8508]

@@KuldiiProject iya bang🙏🙏

[@ismunandarmuis8508]

@@KuldiiProject punya saya flutter 2.0.0🙏

[@KuldiiProject]

@@ismunandarmuis8508 kalau kasusnya mediaquery ancestor not found, biasanya ada beberapa hal yang mungkin bisa error.. coba cek apakah peletakan media querynya ada di dalem scaffold / MaterialApp apa di luar.. kalo diluar biasanya errornya ini

[@KuldiiProject]

coba pisahin antara materialapp -> homenya bedain widget / di extract ke widget baru (bisa stateless/stateful)

[@ikhsanwahidin3104]

mas saya sudah ikuti tutorialnya tapi hasilnya cuma appbarnya aja yang muncul. bodynya putih polos.

[@KuldiiProject]

Coba copas ke pastebin bang

[@ikhsanwahidin3104]

@@KuldiiProject pastebin itu apa mas?

[@KuldiiProject]

@@ikhsanwahidin3104 pastebin.com

[@ikhsanwahidin3104]

@@KuldiiProject sudah mas

[@KuldiiProject]

@@ikhsanwahidin3104 linknya paste ke sini ajah biar saya bisa liat codingannya

[@melvinyusufadrea8364]

kak kok engga bisa ya

[@melvinyusufadrea8364]

engga bisa ke ikutan ke rotate, sudah saya stop juga kak

[@KuldiiProject]

di settingan devicenya sudah diaktifkan blm yang buat rotatenya ?