[Dúvida] Erro na Aplicação

Vou subir os prints mais, gostaria de detalhar que fiz uma pagina de login básico mesmo, so pra enfeitar e ela vai pra tela inicial, eu coloquei o InheritedWidget como pai da LoginScreen() logo não deu bug no código mais bugou o resultado, ao isolar a login e deixar diretamente como pai da InitialScreen() a aplicação rodou legal, gostaria de saber porque não consegui usar a minha pagina de login, achei que pederia pois está acima da tela inicial.

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // This widget is the root of your application.
  bool opacidade = true;
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: TaskInherited(child: InitialScreen())
    );
  }
}

//Assim roda legal

outro código abaixo

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // This widget is the root of your application.
  bool opacidade = true;
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: TaskInherited(child: LoginScreen())
    );
  }
}


//Assim não está rodando

não consegui subir os prints mais no segundo código que leva primeiro pra uma validação de login da tela vermelha