Home Mobile Apa itu Flutter layout : Stack Widget??

Apa itu Flutter layout : Stack Widget??

0

Stack Widget merupakan widget yang memungkinkan kita untuk memasang beberapa lapis widget di layar. Widget ini mengambil banyak anak dan memesannya dari bawah ke atas. Jadi, item pertama adalah yang paling bawah dan yang terakhir adalah yang paling atas.

Stack widget juga merupakan multiple children widget yang artinya memiliki properti children sehingga dapat menampung lebih dr satu widget. Urutan dari lapisan widget pada stack dari bawah ke atas, jadi widget yang pertama di dalam stack akan berada di posisi paling bawah dan begitu juga sebaliknya, widget yang terakhir di stack widget akan berada di posisi paling atas stack.

import 'package:flutter/material.dart';

void main() {
  runApp( new MaterialApp(home: new Application()));
}

class Application extends StatefulWidget{
  @override
  _ApplicationState createState() => _ApplicationState();
}

class _ApplicationState extends State<Application> {
  @override
  Widget build(BuildContext context) {
    return new Container(
      color: Colors.blue,
      child: Stack(
        children: <Widget>[
          Container(width: 300, height: 300, color: Colors.green[200],
          ),
          Container(width: 200, height: 200, color: Colors.yellow[200],
          ),
          Container(width: 100, height: 100, color: Colors.red[200],)
        ],
      ),
    );
  }
}

Hasil running :