Kali ini kita akan belajar Flutter membuat container memiliki lebar sama dengan ukuran layar, atau bisa juga membuat container flutter memiliki ukuran lebar yang bisa memenuhi ukuran layar secara dinamis
contohnya seperti berikut :
Sedangkan untuk codenya adalah seperti berikut,
main.dart
import 'package:flutter/material.dart';
//import 'package:google_fonts/google_fonts.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Example',
theme: ThemeData(
primarySwatch: Colors.blue,
//textTheme: GoogleFonts.poppinsTextTheme(Theme.of(context).textTheme),
),
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Flutter Example App'),
backgroundColor: Colors.blueAccent,
),
body:
Container(
decoration: BoxDecoration(
color: Colors.blue,
borderRadius: BorderRadius.circular(10.0),
),
width: MediaQuery.of(context).size.width,
height: MediaQuery.of(context).size.height,
padding: EdgeInsets.all(16.0),
margin: EdgeInsets.only(top: 20.0, left:14.0,right: 14.00, bottom:14.00),
child: Text('Hello, Flutter!'),
),
);
}
}
Perhatikan di :
width: MediaQuery.of(context).size.width,
height: MediaQuery.of(context).size.height,
