title: Modify the languague when clicking the button using localizations
body: <p>I'm using localizations.</p>
  <p>And I want to change the language of the app when I click the button</p>
  <p>Code for the button</p>
  <pre><code>onPressed: () {
                Navigator.pushNamed(context, 'version');
              },
              child: Text('العربية'),
            ),
  </code></pre>
  <p>So I can access it from the other page</p>
  <pre><code>controller: uname,
              decoration: InputDecoration(
                  border: OutlineInputBorder(),
                  labelText:  AppLocalizations.of(context)?.username,
                  hintText: 'اسم المستخدم من فضلك'),
            ),
  </code></pre>
  <p>List of the lang I have:</p>
  <pre><code> static const List&lt;Locale&gt; supportedLocales = &lt;Locale&gt;[
      Locale('ar'),
      Locale('en'),
      Locale('fr')
    ];
  </code></pre>