Home Mobile Membuat Sebuah Container Pada Flutter

Membuat Sebuah Container Pada Flutter

0

Widget container adalah sebuah widget yang bertugas sebagai pembungkus dari widget lain. Dinamakan container karena nantinya, ia bisa memiliki properti-properti bingkai seperti: padding. margin.

  • Langkah yang pertama adalah membuat sebuah project baru pada flutter.
  • Buatlah sebuah class widget, disini bisa kita menggunakan sebuah class widget statelesswidget ataupun statefullwidget
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(),
debugShowCheckedModeBanner: false,
);
}
}
  • Buatlah sebuah container pada body di flutter
class HomePage extends StatelessWidget {
const HomePage({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Container(
width: 200,
height: 300,
color: Colors.green,
),
),
);
}
}
  • Finish dan container pun bisa kita gunakan

disini kita bisa gunakan semuanya dan tergantung fungsi yang akan kita gunakan