> For the complete documentation index, see [llms.txt](https://asamarsal.gitbook.io/notes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://asamarsal.gitbook.io/notes/personal-documentation/mobile/flutter.md).

# Flutter

Elemen Dasar Tampilan Flutter : 

<figure><img src="/files/jBusXZxfyGxvWEOrWeSe" alt=""><figcaption><p>Elemen Flutter Mobile</p></figcaption></figure>

Tips dan trik :

1. Untuk menghilangkan tag debug = debugShowCheckedModeBanner: false

   ```dart
   @override
     Widget build(BuildContext context) {
       return MaterialApp(
         debugShowCheckedModeBanner: false,
       );
   ```
2. Untuk melihat besaran fisik tampilan pada layar device anda, gunakan MediaQuery. Anda bisa mendebug logs.

```dart
log('${MediaQuery.devicePixelRatioOf(context)}');
log('${MediaQuery.sizeOf(context).height}');
log('${MediaQuery.sizeOf(context).width}');
```