Repository: flutter
Issue: When the width of Row's children is not equal, children will be shrunk when there is still space.
Labels: framework,has reproducible steps,P2,found in release: 3.3,found in release: 3.6,team-framework,triaged-framework

<!-- Thank you for using Flutter!

     If you are looking for support, please check out our documentation
     or consider asking a question on Stack Overflow:
      * https://flutter.dev/
      * https://api.flutter.dev/
      * https://stackoverflow.com/questions/tagged/flutter?sort=frequent

     If you have found a bug or if our documentation doesn't have an answer
     to what you're looking for, then fill out the template below. Please read
     our guide to filing a bug first: https://flutter.dev/docs/resources/bug-reports
-->

## Steps to Reproduce

<!-- Please include full steps to reproduce so that we can reproduce the problem. -->

1. Execute `flutter run` on the first/second code sample,  <!-- (see "Code sample" section below) -->
2. Reduce the width of the window and observe when the children shrink

**Expected results:** <!-- what did you want to see? -->

Don't shrink children when there is still space regardless of whether their widths are equal.

**Actual results:** <!-- what did you see? -->

When the width of Row's children is not equal, children will be shrunk when there is still space.

<details>
<summary>First Good Code sample</summary>

```
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,
            ),
          ],
        ));
  }
}

```
</details>

<details>
<summary>Second Bad Code sample</summary>

```
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,
            ),
          ],
        ));
  }
}
```

</details>

<details>
  <summary>First Gif</summary>

![hello_rFi3AEdpFv](https://user-images.githubusercontent.com/14891774/204747258-173410c2-c851-4c56-923a-e3e58a57e8f5.gif)

</details>



</details>

<details>
  <summary>Second Gif</summary>

![hello_A3URMP8slc](https://user-images.githubusercontent.com/14891774/204747896-734914df-8249-4420-b96c-fa4112bd3e2c.gif)


</details>