title: Flutter getx is changing var state when changing language translation which it's not ment to do
body: <p>Please Look at the gif. <a href="https://i.stack.imgur.com/5xbMg.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5xbMg.gif" alt="This is how  changing translation is changing var" /></a></p>
  <p>The problem is the second number is changing value if I change the translation. Why changing translation is changing a variable value that is not related to the translation function. Although the app is named after riverpod, but only getx is used. riverpod is just in the name.
  here is  <a href="https://github.com/rushdi1987/flutter-getx-test" rel="nofollow noreferrer">Github</a>
  Full code check on GitHub Here is the code:
  main.dart</p>
  <pre><code>    import 'package:flutter/material.dart';
  import 'package:flutter_app_riverpod/screens/screen1.dart';
  
  void main() {
    runApp( MyApp());
  
  }
  </code></pre>
  <p>screen1.dart</p>
  <pre><code>import 'package:flutter/material.dart';
  import 'package:get/get.dart';
  import 'package:flutter_app_riverpod/screens/screen2.dart';
  import 'package:flutter_app_riverpod/class/translation.dart';
  
  class MyApp extends StatelessWidget {
  
    // This widget is the root of your application.
    @override
    Widget build(BuildContext context) {
  
      return GetMaterialApp(
        translations: MyTranslations(),
        locale: const Locale('pt', 'BR'),
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home:  MyHomePage(title: 'test app'),
      );
    }
  }
  </code></pre>
  <p>controller.dart</p>
  <pre><code>import 'package:get/get.dart';
  var count = 0.obs;
  </code></pre>
  <p>screen2.dart</p>
  <pre><code>import 'package:flutter/material.dart';
  import 'package:get/get.dart';
  import 'package:flutter_app_riverpod/class/translation.dart';
  import 'package:flutter_app_riverpod/class/controller.dart';
  
  class MyHomePage extends StatelessWidget {
    MyHomePage({Key? key,   required this.title, }) : super(key: key);
    final String title;
    // number variable  to store last state of the count variable from controller.dart
    final number = RxInt(count.value);
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          // Here we take the value from the MyHomePage object that was created by
          // the App.build method, and use it to set our appbar title.
          title: Text(title.tr),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: &lt;Widget&gt;[
  
                FloatingActionButton(
                  onPressed: () =&gt; count--,
                  tooltip: 'Decrement',
                  child: const Icon(Icons.delete),
  
                ),
  
              Text(
                'text'.tr,
              ),
              ElevatedButton(
                child: Text('Change locale to Brasil'),
                onPressed: () {
                  Get.updateLocale(Locale('pt', 'BR'));
                },
              ),
  
              const Text(
                'You have pushed the button this many times:',
              ),
  
              Obx(
                () =&gt; Text(
                  //count  value is in controller.dart file
                  '$count',
                  style: Theme.of(context).textTheme.headline4,
                ),
              ),
              Obx(
                    () =&gt; Text(
                  '$number',
                  style: Theme.of(context).textTheme.headline4,
                ),
              ),
              ElevatedButton(
                child: Text('Change locale to English'),
                onPressed: () {
                  Get.updateLocale(Locale('en', 'UK'));
                },
              ),
            ],
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            count++;
          },
          tooltip: 'Increment',
          child: const Icon(Icons.add),
        ),
         // This trailing comma makes auto-formatting nicer for build methods.
      );
    }
  }
  </code></pre>
  <p>translation.dart</p>
  <pre><code>import 'package:flutter/material.dart';
  import 'package:get/get.dart';
  
  
  class MyTranslations extends Translations {
    @override
    Map&lt;String, Map&lt;String, String&gt;&gt; get keys =&gt; {
      'en': {
        'title': 'Hello World %s',
        'text' : 'This is EN Text',
      },
      'en_US': {
        'title': 'Hello World from US',
        'text' : 'This is ENUS Text',
      },
      'pt': {
        'title': 'Olá de Portugal',
        'text' : 'This is Portugal Text',
      },
      'pt_BR': {
        'title': 'Olá do Brasil',
        'text' : 'This is Brasil Text',
      },
    };
  }
  </code></pre>