Skip to content

Setting minTextAdapt to true is not working? #603

@AbanobZakaria03

Description

@AbanobZakaria03

I'm using flutter_screenutil: ^5.9.3 and Flutter 3.29.3

After setting the minTextAdapt to true and used chrome for testing text adaption
the problem i'm facing is that when i set container with .r height and .r width (also if i specified .h and .w instead of .r), the text overflowed the container in big screens like laptop (1440x900)

After printing the scaling values, I found that the text always takes the highest scaling ratio, not the minimum between the height and width scaling

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return ScreenUtilInit(
      designSize: const Size(375, 812),
      minTextAdapt: true,
      builder: (_, child) {
        return MaterialApp(
          debugShowCheckedModeBanner: false,
          theme: ThemeData.light(),
          darkTheme: ThemeData.dark(),
          home: child,
        );
      },
      child: const HomePage3(),
    );
  }
}

Image

Image

and this is my HomePage3 code

class HomePage3 extends StatelessWidget {
  const HomePage3({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {

    print('width: ${1.sw}, scale width = ${1.sw / 375}');
    print('height: ${1.sh}, scale height = ${1.sh / 812}');
    print('text scale: ${1.sp}');

    return Scaffold(
      backgroundColor: Colors.white,
      body: Center(
          child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          SizedBox(
            width: 52.r,
            height: 20.r,
            child: ElevatedButton(
              onPressed: () {},
              style: ElevatedButton.styleFrom(
                elevation: 0,
                padding: EdgeInsets.zero,
                backgroundColor: Colors.transparent,
                foregroundColor: const Color(0xFF121212),
                shape: RoundedRectangleBorder(
                  side: BorderSide(
                    color: const Color(0xFF2C262C),
                    width: 1.r,
                  ),
                  borderRadius: BorderRadius.circular(16.r),
                ),
              ),
              child: Text(
                'تفاصيل',
                style: TextStyle(
                  fontSize: 11.sp,
                  color: const Color(0xFF121212),
                  fontWeight: FontWeight.normal,
                ),
              ),
            ),
          ),
        ],
      )),
    );
  }
}

Am I missing something?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions