swift – When an iOS native web page is pushed to a Flutter web page, the Flutter web page undergoes adjustments, with the font turning into bolder

It shows appropriately within the iOS simulator, however there are points when displayed on an actual machine.

let flutterVc = FlutterViewController(challenge: nil, initialRoute: "forgot_password", nibName: nil, bundle: nil)
DispatchQueue.important.async {
   self.navigationController?.pushViewController(flutterVc, animated: true)
}

import 'bundle:flutter/materials.dart';
import 'bundle:flutter_riverpod/flutter_riverpod.dart';
import 'bundle:flutter_module/pages/routes.dart';
import 'bundle:flutter_screenutil/flutter_screenutil.dart';
ultimate GlobalKey<NavigatorState> globalNavigatorKey = GlobalKey<NavigatorState>();

void important() {
  runApp(const ProviderScope(baby: MyApp()));
}

class MyApp extends StatelessWidget {
  const MyApp({tremendous.key});

  // This widget is the basis of your utility.
  @override
  Widget construct(BuildContext context) {
    return ScreenUtilInit(
      designSize: const Dimension(393, 852),
      builder: (_, baby) {
        return MaterialApp(
          coloration: Colours.white,
          navigatorKey: globalNavigatorKey,
          title: 'Driver App',
          initialRoute: 'forgot_password',
          routes: routes,
        );
      },
    );
  }
}

enter picture description right hereenter picture description right here

Has anybody encountered this situation, and the way was it resolved?

I’ve tried many pages, and so they all change into distorted. I am virtually going loopy.