When using FittedBox, the text size gets very small compared to the text length. I don't want the text to shrink. Instead I want the text to stay the same size and fit only the part that can fit.
Container(
width: 250,
child: Text("Data will end with ... instead of shrinking..."),),
For your text to work this way, you should set how text behaves in case of overflow.
What you need to do, is set the overflow property to TextOverflow.ellipsis:
Text(
'Hello, Test! How are you?',
overflow: TextOverflow.ellipsis,
)
It is provided in the Flutter documentation of the Text widget: https://api.flutter.dev/flutter/widgets/Text-class.html.
Also, check other text overflow options: https://api.flutter.dev/flutter/painting/TextOverflow.html
I was facing the same challenge, in my Agric app showing weather forecasts to the famers, tried several alternatives but couldn't find a better solution other than using FittedBox. FittedBox has a BoxFit property which align the source within the target box (by default, centering) and, if necessary, scale the source down to ensure that the source fits within the box. This is the same as contain if that would shrink the image, otherwise it is the same as none.
FittedBox(
fit:BoxFit.scaleDown,
child: Text("hey, how are you",
textAlign: TextAlign.start,
maxLines: 1,
style: TextStyle(
fontWeight: FontWeight.normal,
color: Colors.black.withOpacity(0.4))),
)
You can use Flexible
Container(
child: Row(
children: [
Flexible(child: Text("A looooooooooooooooooong text"))
],
),
),
For more info about Flexible check
https://api.flutter.dev/flutter/widgets/Flexible-class.html