cherry-pick

App/Screens/About/About.js

@@ -129,6 +129,10 @@ export class About extends PureComponent {
  {'\n'}
  Shoot! I Smoke v{Constants.manifest.version}.
  </Text>
+ <View style={styles.language}>
+ <Text style={theme.text}>Change language:</Text>
+ <Language></Language>
+ </View>
  </View>
  </ScrollView>
  );
@@ -157,6 +161,10 @@ const styles = StyleSheet.create({
  lineHeight: 24,
  marginBottom: theme.spacing.small
  },
+ language: {
+ marginTop: theme.spacing.normal,
+ justifyContent: 'space-between'
+ },
  section: {
  marginBottom: theme.spacing.big
  }

App/Screens/About/Language/Language.js

@@ -0,0 +1,52 @@
+// Sh**t! I Smoke
+// Copyright (C) 2018-2019 Marcelo S. Coelho, Amaury Martiny
+
+// Sh**t! I Smoke is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+
+// Sh**t! I Smoke is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with Sh**t! I Smoke. If not, see <http:https://www.gnu.org/licenses/>.
+
+import { inject, observer } from 'mobx-react';
+import React, { Component } from 'react';
+import { Picker, StyleSheet } from 'react-native';
+
+import { i18n } from '../../../localization';
+import * as theme from '../../../utils/theme';
+
+@inject('stores')
+@observer
+export class Language extends Component {
+ handleValueChange = (itemValue) => {
+ i18n.locale = itemValue;
+
+ this.props.stores.reloadApp();
+ }
+
+ render () {
+ return (
+ <Picker
+ itemStyle={theme.text}
+ onValueChange={this.handleValueChange}
+ selectedValue={i18n.locale}
+ style={styles.picker}
+ >
+ <Picker.Item label="English (US)" value="en" />
+ <Picker.Item label="Spanish (Spain)" value="es" />
+ </Picker>
+ );
+ }
+}
+
+const styles = StyleSheet.create({
+ picker: {
+ width: 200
+ }
+});

App/localization/index.js

@@ -28,6 +28,7 @@ i18n.translations = {
  es,
  fr
 };
+console.log('AAAAAAA');
 i18n.locale = Localization.locale;
 
 export {

App/stores/index.js

@@ -68,5 +68,9 @@ export const RootStore = types
  // TODO Add sentry
  // https://github.com/amaurymartiny/shoot-i-smoke/issues/22
  self.error = newError;
+ },
+ reloadApp () {
+ // This will reload the app
+ self.location.setCurrent();
  }
  }));