Index

React Native

  1. Install Android Studio
  2. Introduction
  3. Navigation
    1. StackNavigator
    2. Login
    3. DrawerNavigator
    4. Custom Drawer
    5. Image
  4. Formik and Apollo Client
  5. Image Upload
  6. Alert
  7. Keyboard Avoiding View

Image

import React, { Component } from 'react'
// Add Image
import { View, TextInput, Text, Button, Alert, Image } from "react-native"
import styles from './styles'

export class Index extends Component {

    state = { username: "", password: ""}

    // navigationOptions
    static navigationOptions = {
        header: null,
        drawerLabel: 'Home',

        // Add image in draw icon
        drawerIcon: () => (
          <Image
            source={require('./chats-icon.png')}
            style={{ width:30, height: 30}}
          />
        ),
      };