Provider Error: Could not find the correct Provider<Color> above this MyApp Widget

Question

I do not understand why the following code generates the error? According to me the provider is an ancestor to MaterialApp and it should work? What am I missing?

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        new Provider<Color>(create: (_) => Colors.amber)
      ],
      child: MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Provider.of<Color>(context),
        ),
        home: MyHomePage(title: 'Flutter Demo Home Page'),
      )
    );
  }
}

Answer 1

Provider initially in build method. You don't access to use provider value because provider inits context, but you tried to use provider.of(context) in the same place. If you use another state(view), you should use it.

Example code : https://gist.github.com/VB10/358dc944e5a86b58db2d898eaa1b5ea6