Auto size text in flutter

Flutter auto size text

add the flutter_screenutil package: https://pub.dev/packages/flutter_screenutil

then add .sp to the fontSize property of your text as follows:

import 'package:flutter_screenutil/flutter_screenutil.dart';

Center(
  child: Text(
   "Salty beans!",
   style: TextStyle(
     color: Colors.black,
     fontSize: 18.sp, // add .sp here
   ),
  )
)

the package also lets you auto size the height, width, radius of your widgets and also screenWidth/Height of your device:
use .h for height
use .w for width
use .r for radius
use .sw for screen-width
use .sh for screen-height

Source: grepper.com

Flutter autosize text

You can also wrap the text in a Wrap, use overflow in Text(overflow: TextOverflow.Ellipsis)
https://pub.dev/packages/auto_size_text

Source: grepper.com

Similar codes

0 vote261 views1 answer
Mapping object flutter
Dart
11 votes289 views5 answers
Flutter toast
Dart
3 votes305 views2 answers
Flutter circularprogressindicator
Dart
0 vote310 views1 answer
Create a int list dart
Dart
1 vote286 views1 answer
How to center AlertDialog FlatButton in Flutter
Dart
0 vote299 views1 answer
Next row column in flutter
Dart
2 votes273 views2 answers
Flutter orientation
Dart
17 votes241 views4 answers
Cannot run with sound null safety because the following dependencies don't support null safety
Dart
0 vote320 views1 answer
Flutter datacolumn center text
Dart
0 vote285 views1 answer
Invalid argument(s): join(null, "bin", "cache", "dart-sdk"): part 0 was null, but part 1 was not.
Dart