When the width of Row's children is not equal, children will be shrunk when there is still space. #116264
Description
Steps to Reproduce
- Execute
flutter runon the first/second code sample, - Reduce the width of the window and observe when the children shrink
Expected results:
Don't shrink children when there is still space regardless of whether their widths are equal.
Actual results:
When the width of Row's children is not equal, children will be shrunk when there is still space.
First Good Code sample
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key, required this.title});
final String title;
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Row(
children: [
Expanded(
child: IntrinsicWidth(
child: Row(children: [
Flexible(
child: Container(
width: 100,
height: 100,
color: Colors.red,
),
),
Flexible(
child: Container(
width: 100,
height: 100,
color: Colors.green,
),
),
]),
),
),
Container(
width: 100,
height: 100,
color: Colors.blue,
),
],
));
}
}
Second Bad Code sample
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key, required this.title});
final String title;
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Row(
children: [
Expanded(
child: IntrinsicWidth(
child: Row(children: [
Flexible(
child: Container(
width: 50,
height: 100,
color: Colors.red,
),
),
Flexible(
child: Container(
width: 100,
height: 100,
color: Colors.green,
),
),
]),
),
),
Container(
width: 100,
height: 100,
color: Colors.blue,
),
],
));
}
}
First Gif
Second Gif
