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

3 votes363 views2 answers
Cannot fit requested classes in a single dex file (# methods: 86261 > 65536) com.android.builder.dexing.DexArchiveMergerException: Error while merging dex archives: The number of method references in a .dex file cannot exceed 64K.
Dart
1 vote341 views1 answer
Flutter chip delete icon
Dart
1 vote347 views1 answer
How to check whether a list in dart is empty or not
Dart
5 votes330 views3 answers
Flutter align widget
Dart
7 votes287 views1 answer
Floating Action Button rectangular shaped (round corners)
Dart
0 vote351 views1 answer
How to change the shape of a buton in flutter to cicular
Dart
1 vote338 views1 answer
How to disable switch in flutter
Dart
5 votes347 views2 answers
Flutter animatedcontainer
Dart
1 vote351 views1 answer
Should I learn Dart for Flutter?
Dart
17 votes316 views6 answers
Card border radius flutter
Dart