update react native logos and update readme minor edits and layout

Author: testshallpass

Example/App.js

@@ -1,6 +1,6 @@
 import React, {Component} from 'react';
 import {StyleSheet, SafeAreaView, Text, View} from 'react-native';
-import DropdownAlert from './src/DropdownAlert';
+import DropdownAlert from 'react-native-dropdownalert';
 import {PURPLE_COLOR, WHITE_COLOR, ITEMS, ReactNativeLogo} from './constants';
 import List from './List';
 const InfoIcon = require('./assets/info.png');

README.md

@@ -1,15 +1,17 @@
 # react-native-dropdownalert
 
-[![Platform](https://img.shields.io/badge/platform-react--native-lightgrey.svg)](http://facebook.github.io/react-native/)
+[![Platform](https://img.shields.io/badge/platform-react--native-lightgrey.svg)](https://reactnative.dev)
 [![npm version](http://img.shields.io/npm/v/react-native-dropdownalert.svg)](https://www.npmjs.com/package/react-native-dropdownalert)
 [![npm version](http://img.shields.io/npm/dm/react-native-dropdownalert.svg)](https://www.npmjs.com/package/react-native-dropdownalert)
 [![Build Status](https://travis-ci.org/testshallpass/react-native-dropdownalert.svg?branch=master)](https://travis-ci.org/testshallpass/react-native-dropdownalert)
 [![codecov](https://codecov.io/gh/testshallpass/react-native-dropdownalert/branch/master/graph/badge.svg)](https://codecov.io/gh/testshallpass/react-native-dropdownalert)
 [![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.github.com/testshallpass/react-native-dropdownalert/master/LICENSE)
 
-![screenshot](https://raw.github.com/testshallpass/react-native-dropdownalert/master/screenshots/info.png) ![screenshot](https://raw.github.com/testshallpass/react-native-dropdownalert/master/screenshots/warning.png) ![screenshot](https://raw.github.com/testshallpass/react-native-dropdownalert/master/screenshots/error.png) ![screenshot](https://raw.github.com/testshallpass/react-native-dropdownalert/master/screenshots/success.png)
+| info | warn | error | success |
+| :----: | :---: | :----: | :----: |
+| ![screenshot](https://raw.github.com/testshallpass/react-native-dropdownalert/master/screenshots/info.png) | ![screenshot](https://raw.github.com/testshallpass/react-native-dropdownalert/master/screenshots/warning.png) | ![screenshot](https://raw.github.com/testshallpass/react-native-dropdownalert/master/screenshots/error.png) | ![screenshot](https://raw.github.com/testshallpass/react-native-dropdownalert/master/screenshots/success.png) |
 
-### Table of contents
+## Table of contents
 
 1. [Support](#support)
 2. [Installation](#installation)
@@ -18,24 +20,25 @@
 5. [Props](docs/PROPS.md)
 6. [Caveats](#caveats)
 
-A simple alert to notify users about new chat messages, something went wrong or everything is ok. It can be closed by tap, cancel button, automatically with `closeInterval`, pan responder up gesture or programmatically (```this.dropDownAlertRef.closeAction()```).
+An alert to notify users about new chat messages, something went wrong or everything is okay. It can be closed by tap, cancel button, automatically with `closeInterval`, pan responder up gesture or programmatically (```this.dropDownAlertRef.closeAction()```).
 
-### Support
+## Support
 
 | react-native version | package version | reason |
 | ---- | :---: | ---- |
-| 0.50.0 | >=3.2.0 | Added SafeAreaView (iPhone X) |
-| 0.44.0 | >=2.12.0 | Added ViewPropTypes |
+| 0.50.0 | >=3.2.0 | Included SafeAreaView (iPhone X) |
+| 0.44.0 | >=2.12.0 | Adopted ViewPropTypes |
 
-### Installation
+## Installation
 
-```npm i react-native-dropdownalert --save```
+* ```npm i react-native-dropdownalert --save```
+* ```yarn add react-native-dropdownalert```
 
-### Demo
+## Demo
 
 ![screenshot](https://raw.github.com/testshallpass/react-native-dropdownalert/master/screenshots/demo.gif)
 
-### Usage
+## Usage
 
 ```javascript
 import DropdownAlert from 'react-native-dropdownalert';
@@ -45,18 +48,19 @@ export default class App extends Component {
   }
   _fetchData = async () => {
     try {
-      await fetch('https://mywebsite.com/endpoint/');
       // alertWithType parameters: type, title, message, payload, interval.
-      // There are 4 pre-defined types: info, warn, success, error.
-      // payload object with source property overrides image source prop. (optional)
-      // interval overrides closeInterval prop. (optional)
-      this.dropDownAlertRef.alertWithType('success', 'Success', 'Fetch data is complete.');
+      // payload object that includes a source property overrides the image source prop. (optional: object)
+      // interval takes precedence over the closeInterval prop. (optional: number)
+      this.dropDownAlertRef.alertWithType('info', 'Info', 'Start fetch data.');
+      await fetch('https://httpbin.org/get');
+      this.dropDownAlertRef.alertWithType('success', 'Success', 'Finish fetch data');
     } catch (error) {
-      this.dropDownAlertRef.alertWithType('error', 'Error', error.message);
+      this.dropDownAlertRef.alertWithType('error', 'Error', error);
     }
   };
   render() {
-    // Make sure DropdownAlert is the last component in the document tree.
+    // DropdownAlert must be last component in the document tree.
+    // This ensures that it overlaps other UI components.
     return (
       <View>
         <DropdownAlert ref={ref => this.dropDownAlertRef = ref} />
@@ -66,9 +70,9 @@ export default class App extends Component {
 }
 ```
 
-### Caveats
+## Caveats
 
-* Modals can overlap DropdownAlert if it's not inside the modal's document tree.
+* Modals can overlap DropdownAlert if it is not inside the modal's document tree.
 * It is important you place the `DropdownAlert` **ABOVE** the `StackNavigator`.
   * [DropdownHolder example #1](https://gist.github.com/testshallpass/d76c656874e417bef4e0e6a63fc492af)
   * [DropdownHolder example #2](https://gist.github.com/testshallpass/6c6c867269348c485a1e0d6ae3f55e90)

docs/PROPS.md

@@ -71,7 +71,7 @@
 
 ### Image
 
-image sources are overridden if payload parameter has source property. For example,```{ source: 'https://facebook.github.io/react-native/docs/assets/favicon.png' }```
+image sources are overridden if payload parameter has source property. For example,```{ source: 'https://reactnative.dev/docs/assets/favicon.png' }```
 
 | Name | Type | Description | Default |
 | ---- | :---: | --- | --- |