import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool useHint = true;

  void toggleHint() {
    setState(() {
      useHint = !useHint;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Container(
              width: 200,
              decoration: BoxDecoration(
                  border: Border.all(color: Colors.blue, width: 4.0)),
              child: TextField(
                minLines: 1, // this here causes problem
                maxLines: 4, // this here causes problem
                decoration: InputDecoration(
                    hintText: useHint // with hint there is a problem
                        ? "veeeery loooooooooooooooooong hiiiintttttttttt"
                        : null),
              ),
            ),
            Switch(value: useHint, onChanged: (_) => toggleHint())
          ],
        ),
      ),
    );
  }
}