Global Variables in Dart

Question

I try to create a Dart single page application.

I have created a first custom element (custom-application) which contains the whole application. It has a container in it which is used to render views. And a side nav which will contain user informations and be updated when the user is log in.

I want to share informations between views. How can I define a global variable in custom-application and be able to share it with the other views ?

For example, when you start the app, you are not authenticated. When you call /login (login-view) you'll have a login form. I want, when you log in the application, the custom-application element stores the user informations loaded by the nested view login-view and update the side nav.

Is it possible to do it ?

Answer 1

Just create a library file and create fields for globals you need there. Import this library everywhere you need access to these fields.

app.dart

import 'globals.dart' as globals;  main() {   globals.isLoggedIn = true; } 

component1.dart

import 'globals.dart' as globals;  class MyComponent {   view() {     if(globals.isLoggedIn) {       doSomething();     else {       doSomethingElse();     }   } } 

globals.dart

library my_prj.globals;  bool isLoggedIn = false; 

You can also

• create a singleton in the globals library (see How do you build a Singleton in Dart? for more details).
• use observable to get notified about changes (see Implement an Observer pattern in Dart, How can i trigger a kind of onChange event in a class for more details)

Answer 2

You can create a class

myColors.dart

class AppColors {    static var primary = Colors.blue; } 

And importing your class

import 'package:myapp/.../myColors.dart'; 

And access with AppColors.primary