Hi All,
Here is a quick example on Expanded widget in flutter.
Here is the output from this example.
![](https://fluttercentral.com/Uploads/f0d4aad7-ad63-46cd-a7d2-c8f3bb6d7ede.jpg)
Here is the example code from main.dart file.
import 'package:flutter/material.dart';
void main(List<String> args) {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@
override
Widget build(BuildContext context) {
return const MaterialApp(
home: Scaffold(
body: MyWidget(),
),
);
}
}
class MyWidget extends StatelessWidget {
const MyWidget({
super.key,
});
@
override
Widget build(BuildContext context) {
return Center(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: const [
MyContainer(clr: Colors.red),
Expanded(child: MyContainer(clr: Colors.green)),
MyContainer(clr: Colors.red),
],
),
);
}
}
class MyContainer extends StatelessWidget {
const MyContainer({
super.key,
required this.clr,
});
final Color clr;
@
override
Widget build(BuildContext context) {
return Container(
height: 100,
width: 100,
color: clr,
);
}
}
Thanks,Srikanth