CODEWITHSUNDEEP
flutterdartflutter-container
Valentyna P
Valentyna P

Reputation: 109

How to make a Container fit to the Text length

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),
                )),

Upvotes: 1

Views: 1551

Answers (1)

Andrej
Andrej

Reputation: 3225

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.

Upvotes: 2

Related Questions