final

lib/pages/view_blog.dart

@@ -14,10 +14,9 @@ import '../widgets/mobile/MobileBottomNav.dart';
 import '../widgets/mobile/mobile_view_blog.dart';
 
 class ViewBlog extends StatefulWidget {
-  final Key key;
   final int bid;
 
-  const ViewBlog(this.bid, {this.key}) : super(key: key);
+  const ViewBlog(this.bid, {Key? key}) : super(key: key);
 
   @override
   State<StatefulWidget> createState() {
@@ -51,15 +50,15 @@ class ViewBlogState extends State<ViewBlog> {
             breadCrumbHeight: sizingInformation.deviceScreenType == DeviceScreenType.mobile ? null : Constants.BREADCRUMB_HEIGHT,
           ),
           drawer: null,
-          body: ScreenTypeLayout(
-            mobile: MobileViewBlog(widget.bid),
-            tablet: DesktopViewBlog(widget.bid),
-            desktop: DesktopViewBlog(widget.bid),
+          body: ScreenTypeLayout.builder(
+            mobile: (context) => MobileViewBlog(widget.bid),
+            tablet: (context) => DesktopViewBlog(widget.bid),
+            desktop: (context) => DesktopViewBlog(widget.bid),
           ),
-          bottomNavigationBar: ScreenTypeLayout(
-            mobile: MobileBottomNav(currentIndex: 0,),
-            tablet: BottomNav(),
-            desktop: BottomNav(),
+          bottomNavigationBar: ScreenTypeLayout.builder(
+            mobile: (context) => MobileBottomNav(currentIndex: 0,),
+            tablet: (context) => BottomNav(),
+            desktop: (context) => BottomNav(),
           ),
         ),
     );