Error: LateInitializationError: Field '_splitScreenMode#963084504' has not been initialized - flutter

Question

I got the error: "LateInitializationError: Field '_splitScreenMode#963084504' has not been initialized", in my splash screen when I did try to make my second page(next page after splash, named: pageOne) responsive by importing flutter_screen_util package. I added .w and .h for width and height measurments. I am new in flutter, so I can't identify this error.
My splash screen code:
import 'package:flutter/material.dart';
import 'package:my_wallet/screens/categories.dart';
import 'package:my_wallet/screens/page_1.dart';
class ScreenSplash extends StatefulWidget {
const ScreenSplash({Key? key}) : super(key: key);
#override
State<ScreenSplash> createState() => _ScreenSplashState();
}
class _ScreenSplashState extends State<ScreenSplash> {
#override
void initState() {
checkUser(context);
super.initState();
}
#override
Widget build(BuildContext context) {
return Container(
decoration: const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.bottomCenter,
end: Alignment.topRight,
colors: [
Color.fromARGB(255, 0, 27, 48),
Color.fromARGB(255, 17, 149, 186),
],
),
),
child: Scaffold(
backgroundColor: Colors.transparent,
body: Center(
child: Image.asset(
'lib/assets/coin-spin3.gif',
height: 180,
),
),
),
);
}
}
Future<void> checkUser(context) async {
await Future.delayed(
const Duration(seconds: 4),
);
Navigator.of(context).pushReplacement(
MaterialPageRoute(
// builder: (ctx) => const PageOne(),
builder: (ctx) => const PageOne(),
),
);
}
My pageOne (screen after splash) code:
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:my_wallet/screens/page_2.dart';
class PageOne extends StatelessWidget {
const PageOne({Key? key}) : super(key: key);
#override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: Container(
height: double.infinity,
decoration: const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.bottomLeft,
end: Alignment.topRight,
colors: [
Color.fromARGB(255, 0, 27, 48),
Color.fromARGB(255, 17, 149, 186),
],
),
),
child: Column(
mainAxisAlignment: MainAxisAlignment.end,
children: [
SizedBox(
height: 220.h,
child: const Image(
image: AssetImage(
'lib/assets/moneymanagement1.png',
),
),
),
const SizedBox(
height: 70,
),
const Text(
'Track Your Expense',
style: TextStyle(
color: Color.fromARGB(255, 255, 255, 255), fontSize: 25),
),
const SizedBox(
height: 100,
),
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
const CircleAvatar(
backgroundColor: Color.fromARGB(255, 255, 255, 255),
radius: 4.5,
),
const SizedBox(
width: 10,
),
const CircleAvatar(
backgroundColor: Color.fromARGB(255, 104, 104, 104),
radius: 4.5,
),
const SizedBox(
width: 120,
),
IconButton(
onPressed: (() {
Navigator.of(context).pushReplacement(
MaterialPageRoute(
builder: (ctx1) => const PageTwo(),
),
);
}),
icon: const Icon(
Icons.arrow_forward_ios,
color: Colors.white,
),
),
const SizedBox(
width: 10,
),
],
),
const SizedBox(
height: 40,
),
],
),
),
),
);
}
}

Answer 1

Have you setup code in main.dart for "ScreenUtilInit"?
as mentioned in https://pub.dev/packages/flutter_screenutil readme section steps.