Login screen with localization

login.js

import React, { Component } from 'react';
import {
  View,
  Text,
  Button
} from 'react-native';

import { strings } from '../locales/i18n';

class LoginScreen extends Component {
  constructor(props) {
    super(props);

    this.state = {
      username: 'Daniel'
    };
  }

  render() {
    return (
      <View>
        <Text>{strings('login.welcome', { name: this.state.username })}</Text>
        <Button title={strings('login.login_button')}></Button>
        <Button title={strings('login.singup_button')}></Button>
      </View>
    );
  }
}

export default LoginScreen;

There is a bug here on line 24, 'login.singup_button', should be 'login.signup_button', just came from the post on Medium.

This
<Button title={strings('login.singup_button')}></Button>

Should be
<Button title={strings('login.signup_button')}></Button>

Link to Medium article