import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  State createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  var useIntrinsicHeight = false;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'IntrinsicHeight',
      theme: ThemeData(primarySwatch: Colors.blue),
      darkTheme: ThemeData(primarySwatch: Colors.blue),
      home: MediaQuery(
        data: MediaQueryData(textScaleFactor: 3.2),
        child: Scaffold(
          appBar: AppBar(title: Text('IntrinsicHeight Test')),
          body: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              _wrapWidget(
                Wrap(
                  children: [
                    Text('Longer text 12345678'),
                    Text('Longer text 12345678'),
                  ],
                ),
              ),
              Center(
                child: RaisedButton(
                  onPressed: () =>
                      setState(() => useIntrinsicHeight = !useIntrinsicHeight),
                  child: Text('Toggle wrapping'),
                ),
              )
            ],
          ),
        ),
      ),
    );
  }

  Widget _wrapWidget(Widget child) {
    if (!useIntrinsicHeight) {
      return Container(
        color: Colors.blue,
        child: child,
      );
    }

    return Container(
      color: Colors.green,
      child: IntrinsicHeight(child: child),
    );
  }
}