Flutter Simulation Lab (Roman Urdu)

Flutter Simulation Lab
Hafta 11 aur 12: Interaction aur Styling, khud karke seekhein

Har tab mein ek chalta hua phone simulator hai. Cheezon ko dabayein, likhein, badlein, aur dekhein ke Flutter ka code saath saath kaise badalta hai.

0/6 concepts mukammal

Mubarak ho! Aap ne sab concepts mukammal kar liye. Agla stop: Week 13 Navigation.

Button Family: Switches ki Wiring

Buttons app ke switches hain. onPressed decide karta hai ke dabne par kya hoga. Agar null de dein to button khud grey ho jata hai.

Checkout

Items: 1

Total:

Live Dart code

Event log

Activity: Items ko 0 karein. Place Order grey hoga. Kyun? Code mein null dekhein.

TextField entry register hai, lekin register khud data yaad nahi rakhta. TextEditingController woh guard hai jo note karta hai.

👤Usertype karta hai

📋RegisterTextField

💂GuardController

🔐VaultVariable

controller attach hai

Activity: Naam likhein aur parho dabayein. Phir attach ka tick hata kar dobara try karein. Guard khali kyun laya?

GestureDetector app ki skin hai jo har touch mehsoos karti hai magar kuch dikhata nahi. InkWell paani ke ripple jaisa visual feedback deta hai.

Photo: tap, double-tap ya long-press karein

0onTap

0onDoubleTap

0onLongPress

Activity: Dono modes mein double-tap karein. Dil dono mein aata hai, lekin ripple sirf InkWell mein.

ThemeData app ka dress code hai. ColorScheme rangon ko roles deta hai (primary, surface, onSurface), is liye dark mode mein bhi text parha jata hai.

Meri App⚙️

Welcome Aisha!
Yeh text onSurface color mein hai.

Secondary accent card

themeMode

Phone ki setting dark hai (system mode ke liye)

seedColor Font

Galti: Colors.white hard-code karein

Activity: Pehle seedColor badlein, phir mode dark karein. Ab hard-code wala tick lagayein aur dekhein text kyun gayab ho gaya.

Icons app ke signboards hain. Icon ke teen hisse: kaun sa, color aur size.

size 40color

Yeh browser simulation hai. Flutter ka asli code apne project mein zaroor chala kar dekhein.