title: Can mobx observable data persist between multiple screens?
body: <p>I have a mobx class that stores an observable named value and an action named increment, i also have 2 screens and i want the value of the observable to change on the second screen if i increment it on the first screen but the value always restart if i change a screen.</p>
  
  <p>It used to work for me that way using mobx in react native , even if i change the screen the state updates in all of the screens but in flutter it doesn't work that way.</p>
  
  <p>Mobx class</p>
  
  <pre><code>import 'package:mobx/mobx.dart';
  part 'appstores.g.dart';
  
  class AppStore = _AppStore with _$AppStore;
  
  abstract class _AppStore with Store {
    @observable
    int x = 0;
  
    @action
    void increment() {
      x++;
    }
  }
  
  </code></pre>
  
  <p>Screen 1</p>
  
  <pre><code>// the x value updates here
   Observer(
                      builder: (_) =&gt; Text("${store.x}"),
                    ),
                    ButtonBar(
                      children: &lt;Widget&gt;[
                         RaisedButton(
                            onPressed: (){store.addToOrders();},
                            child: Text('Disabled Button',
                                style: TextStyle(fontSize: 20))),
                      ],
                    ),
  </code></pre>
  
  <p>Screen 2</p>
  
  <pre><code>// but not here
   Observer(
                                    builder: (_) =&gt; Text('orders ${store.x}',
                                        style: new TextStyle(
                                          fontSize: 15,
                                          color: Colors.grey,
                                        )),
                                  ),
  </code></pre>
  
  <p>I want the value of the observable x to change on all off the sreens with i increment it in one of the screens. How can i acheive that ?</p>