implement android app

app/android/app/src/main/res/values/strings.xml

@@ -1,3 +1,3 @@
 <resources>
-    <string name="app_name">app</string>
+    <string name="app_name">FMS</string>
 </resources>

app/index.android.js

@@ -1,53 +1,104 @@
 /**
- * Sample React Native App
- * https://github.com/facebook/react-native
- * @flow
- */
+* Sample React Native App
+* https://github.com/facebook/react-native
+* @flow
+*/
 
 import React, { Component } from 'react';
 import {
-  AppRegistry,
-  StyleSheet,
-  Text,
-  View
+    AppRegistry,
+    StyleSheet,
+    Text,
+    View,
+    Image,
+    TextInput
 } from 'react-native';
+import {
+    InputGroup,
+    Input,
+    Button
+} from 'native-base';
 
 export default class app extends Component {
-  render() {
-    return (
-      <View style={styles.container}>
-        <Text style={styles.welcome}>
-          Welcome to React Native!
-        </Text>
-        <Text style={styles.instructions}>
-          To get started, edit index.android.js
-        </Text>
-        <Text style={styles.instructions}>
-          Double tap R on your keyboard to reload,{'\n'}
-          Shake or press menu button for dev menu
-        </Text>
-      </View>
-    );
-  }
+    render() {
+        return (
+            <View style={styles.container}>
+                <Image
+                    source={require('./images/logo@1x.png')}
+                />
+                <Text style={styles.companyName}>
+                    Future Message Service
+                </Text>
+                <View style={styles.main}>
+                    <InputGroup borderType="regular" style={styles.account}>
+                        <Input placeholder="Email"/>
+                    </InputGroup>
+                    <InputGroup borderType="regular" style={styles.password}>
+                        <Input placeholder="Password"/>
+                    </InputGroup>
+                    <Button transparent>
+                        <Text style={styles.signup}>
+                            Sign Up
+                        </Text>
+                    </Button>
+                    <Button block style={styles.login}>
+                        Login !
+                    </Button>
+                </View>
+
+                <View style={styles.forgot}>
+                    <Button transparent>
+                        <Text style={styles.signup}>
+                            Forgot password ?
+                        </Text>
+                    </Button>
+                </View>
+            </View>
+        );
+    }
 }
 
 const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#F5FCFF',
-  },
-  welcome: {
-    fontSize: 20,
-    textAlign: 'center',
-    margin: 10,
-  },
-  instructions: {
-    textAlign: 'center',
-    color: '#333333',
-    marginBottom: 5,
-  },
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#FFFFFF',
+    },
+    companyName: {
+        fontSize: 20,
+        textAlign: 'center',
+        margin: 10,
+    },
+    main: {
+        marginTop: 40,
+        width: 250
+    },
+    account: {
+        borderBottomColor: 'transparent',
+        borderTopLeftRadius: 4,
+        borderTopRightRadius: 4
+    },
+    password: {
+        borderBottomLeftRadius: 4,
+        borderBottomRightRadius: 4
+    },
+    signup: {
+        fontSize: 14,
+        textAlign: 'left',
+        color: '#2987CD'
+    },
+    login: {
+        marginTop: 25,
+        backgroundColor: '#2987CD'
+    },
+    forgot: {
+        position: 'absolute',
+        left: 10,
+        right: 0,
+        bottom: 10,
+        flexDirection:'row'
+    }
 });
 
 AppRegistry.registerComponent('app', () => app);