TwitterApp Clone using React Native

This app is a clone of few of those screens of Twitter Android application and it is created using react-native (CRNA). One of the Component collection under react-native i.e. native base is used in this front-end application. This app also tells about the basic use of react-navigation (StackNavigator, TabNavigator and DrawerNavigator).

Run App in your Machine (or) Android Device.

Direct Installation on Android Device.

APK: https://drive.google.com/file/d/1rGqtF7bh_OYUxyhHRGXwFX6vKIttZx1O/

(OR)

Installing App in your machine (To install and run the app on both Android and IOS device)

Pre-requisite:

Node.js (prefer "npm":"4.6.1", node:"v8.9.1"), react(prefer "react": "16.0.0"), react-native (prefer "react-native": "0.50.3"), Android Emulator(with Expo app installed in mobile device or Expo XDE installed in Desktop machine) or Android device (with Expo App installed in the device) or IOS Simulator(only available in Mac with expo app installed in it) or IOS device(with Expo App installed in the device). (If you are not familiar with react-native refer https://facebook.github.io/react-native/docs/getting-started.html).

Steps to install native-base and react-navigation:

1. Open command line in administrator mode, Clone this repository

git clone https://github.com/zedunaid/TwitterAppTask1.git

2. Installing native-base (For more detailed explanation, refer http://docs.nativebase.io/docs/GetStarted.html)

 cd TwitterAppTask1
 npm install native-base --save  
 npm install @expo/vector-icons --save 

(prefer "native-base": "^2.3.5","@expo/vector-icons": "^6.2.1")

3. Installing react-navigation (For more detailed explanation, refer https://reactnavigation.org/docs/intro/quick-start)

     npm install --save react-navigation

(prefer "react-navigation": "^1.0.0-beta.21")

4. Run the app on the device:

• For Android device or emulator with already installed expo app.

     npm run android 

• For IOS device or simulator with already installed expo app.

     npm run ios