How to make a Container fit to the Text length

1.2k views Asked by At

I have a Container with maximum width and I dont want to have additional free space after words. It works fine with small words like this . But with long words i have additional free space and my line looks like that . What can I do?

Here is my code:

Container(
                constraints: BoxConstraints(maxWidth: size.width * 0.4),
                padding: EdgeInsets.only(right: size.width * 0.015),
                //color: Colors.red,
                child: Text(
                  "Generics",
                  style:
                      TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
                )),
1

There are 1 answers

1
Andrej On BEST ANSWER

Try using a FittedBox. It will make sure that it's children have the given fit.

Here is an example from flutter.dev:

Widget build(BuildContext) {
  return Container(
    height: 400,
    width: 300,
    color: Colors.red,
    child: FittedBox(
      child: Image.network('https://flutter.github.io/assets-for-api-docs/assets/widgets/owl-2.jpg'),
      fit: BoxFit.fill,
    ),
  );
}

Read more here.