flutter width percentage of parent code example
Example 1: flutter get parent width
var container = new Container(
// Toggling width from 100 to 300 will change what is rendered
// in the child container
width: 100.0,
// width: 300.0
child: new LayoutBuilder(
builder: (BuildContext context, BoxConstraints constraints) {
if(constraints.maxWidth > 200.0) {
return new Text('BIG');
} else {
return new Text('SMALL');
}
}
),
);
Example 2: flutter set widget width to 50% o parent
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("MediaQuery"),
),
body: Container(
width: MediaQuery.of(context).size.width * 0.5,
height: MediaQuery.of(context).size.height * 0.5,
),
);
}