Yu Tant

Home
column

Flutter : Invisible Widget ( Column, Row, dan Stack)

Selamat pagi kawan-kawan sebagai bagian mencatat arsip latihan maka dengan ini jelas blogger adalah tempat yang pas buat ngisi notenya. oke beberapa hari lalu saya niat dengan tekun dan bersungguh-sungguh untuk belajar flutter, apa itu flutter? aplikasi maker untuk android yang berbasis bahasa DART kedengaranya bahasa barukan? padahal tidak sepenuhnya loh kalau kamu sudah pernah c# atau java atau punya basik bahasa lain mungkin akan lebih cepat memahami bahasa dart. 

Berikut hasil compilenya :


screenshot stack 

hari ini latihan ke-3 mengenal invisible widget ( Colum, Row, dna Stack) dibawah ini cuma arsip code gambar diatas loh ya. 

import 'package:flutter/material.dart';

main() {
  runApp(MyAppCol());
}

class MyAppCol extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: Text('yTn : Column, Row, Stack'),
        ),
        body: Stack(
          children: [
            Container(
              height: 400,
              width: 400,
              color: Colors.green,
            ),
            Container(
              height: 300,
              width: 300,
              color: Colors.blue,
            ),
            Container(
              height: 200,
              width: 200,
              color: Colors.amber,
            ),
            Container(
              height: 100,
              width: 100,
              color: Colors.red,
            ),
          ],
        ),
      ),
    );
  }
}



Penjelasan singkatnya :
  • Column untuk susun kebawah.
  • Row untuk susun kesamping.
  • Stack untuk susun kedepan.
 note)* Colum dan Row butuh pengaturan MainAxis