Pendahuluan

Flutter adalah sebuah framework open-source yang dikembangkan oleh Google untuk mengembangkan aplikasi mobile dan desktop. Framework ini menggunakan bahasa pemrograman Dart dan menyediakan sebuah kit perangkat lunak yang memungkinkan developer untuk menulis kode yang akan di-compile ke platform tertentu.

Flutter menyediakan sebuah widget engine yang memungkinkan developer untuk membuat tampilan aplikasi dengan mudah. Widget dalam Flutter dapat diatur seperti widget pada platform lain, seperti Android atau iOS. Flutter juga menyediakan sebuah set lengkap widget yang dapat digunakan untuk membuat tampilan aplikasi yang menarik dan responsif.

Flutter juga menyediakan sebuah toolkit yang dapat digunakan untuk mengembangkan aplikasi dengan cepat dan mudah. Toolkit ini termasuk debugger, profiler, dan pengembang perangkat yang dapat digunakan untuk menyempurnakan aplikasi.

Widget Container

Container adalah widget dasar dalam Flutter yang digunakan untuk menampung dan mengatur tampilan anak-anaknya. Widget ini memiliki properti seperti padding, margin, dan warna latar belakang yang dapat digunakan untuk mengatur tampilan widget.

Untuk menambahkan Container ke dalam aplikasi, Anda dapat menggunakan widget Container() dan menambahkan anak-anaknya di dalamnya. Sebagai contoh, Anda dapat menambahkan teks dan tombol ke dalam Container seperti ini:

Container(
  padding: EdgeInsets.all(16.0),
  decoration: BoxDecoration(
    color: Colors.blue,
    borderRadius: BorderRadius.circular(5.0),
  ),
  child: Column(
    children: <Widget>[
      Text("Hello, World!"),
      RaisedButton(
        onPressed: () {},
        child: Text("Button"),
      ),
    ],
  ),
),

Baca Juga

Flutter: ListView Widget

Anda juga dapat mengatur lebar dan tinggi dari Container dengan menggunakan properti width dan height. Contoh, jika Anda ingin membuat Container dengan lebar sebesar 200 dan tinggi sebesar 100, Anda dapat menambahkan properti seperti ini:

Container(
width: 200.0,
height: 100.0,
//…
),

Selain itu, Anda juga dapat mengatur margin dan padding dengan menggunakan properti EdgeInsets. Misalnya, jika Anda ingin menambahkan margin sebesar 16 pada semua sisi dari Container, Anda dapat menambahkan properti seperti ini:

Container(
margin: EdgeInsets.all(16.0),
//…
),

Properti lain yang dapat digunakan pada Container adalah alignment, yang digunakan untuk menentukan posisi anak-anak dalam Container. Misalnya, jika Anda ingin menempatkan anak-anak di tengah Container, Anda dapat menambahkan properti seperti ini:

Container(
alignment: Alignment.center,
//…
),

Secara umum, Container adalah widget yang sangat berguna dalam pengembangan aplikasi Flutter karena memungkinkan Anda untuk mengatur tampilan anak-anak dengan mudah. Dengan menggunakan properti yang tersedia, Anda dapat dengan mudah mengatur tampilan seperti padding, margin, dan warna latar belakang.