diff --git a/Hamburger.js b/Hamburger.js
index 4fee6b0..aaf63c3 100644
--- a/Hamburger.js
+++ b/Hamburger.js
@@ -1,318 +1,313 @@
 import React, { Component } from 'react';
-import {
-    Animated,
-    TouchableWithoutFeedback,
-    Text,
-    View
-} from 'react-native';
+import { Animated, TouchableWithoutFeedback, Text, View } from 'react-native';
 
 export default class Hamburger extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      active: false
+    };
+  }
 
-    constructor(props) {
-        super(props);
-        this.state = {
-            active: false
-        }
+  spinCross() {
+    if (!this.state.active) {
+      Animated.spring(this.containerAnim, {
+        toValue: 1
+      }).start();
+      Animated.spring(this.topBar, {
+        toValue: 0.9
+      }).start();
+      Animated.spring(this.bottomBar, {
+        toValue: 0.9
+      }).start();
+      Animated.spring(this.bottomBarMargin, {
+        toValue: -10
+      }).start();
+      Animated.spring(this.middleBarOpacity, {
+        toValue: 0,
+        duration: 30
+      }).start();
+    } else {
+      this.setState({
+        active: false
+      });
+      Animated.spring(this.containerAnim, {
+        toValue: 0
+      }).start();
+      Animated.spring(this.topBar, {
+        toValue: 0
+      }).start();
+      Animated.spring(this.bottomBar, {
+        toValue: 0
+      }).start();
+      Animated.spring(this.bottomBarMargin, {
+        toValue: 4
+      }).start();
+      Animated.timing(this.middleBarOpacity, {
+        toValue: 1,
+        duration: 600
+      }).start();
     }
+  }
 
-    spinCross() {
-        if (!this.state.active) {
-            Animated.spring(this.containerAnim, {
-                toValue: 1
-            }).start();
-            Animated.spring(this.topBar, {
-                toValue: .9
-            }).start();
-            Animated.spring(this.bottomBar, {
-                toValue: .9
-            }).start();
-            Animated.spring(this.bottomBarMargin, {
-                toValue: -10
-            }).start();
-            Animated.spring(this.middleBarOpacity, {
-                toValue: 0,
-                duration: 30
-            }).start();
-        } else {
-            this.setState({
-                active: false
-            });
-            Animated.spring(this.containerAnim, {
-                toValue: 0
-            }).start();
-            Animated.spring(this.topBar, {
-                toValue: 0
-            }).start();
-            Animated.spring(this.bottomBar, {
-                toValue: 0
-            }).start();
-            Animated.spring(this.bottomBarMargin, {
-                toValue: 4
-            }).start();
-            Animated.timing(this.middleBarOpacity, {
-                toValue: 1,
-                duration: 600
-            }).start();
-        }
+  cross() {
+    if (!this.state.active) {
+      Animated.spring(this.topBar, {
+        toValue: 0.9
+      }).start();
+      Animated.spring(this.bottomBar, {
+        toValue: 0.9
+      }).start();
+      Animated.spring(this.bottomBarMargin, {
+        toValue: -10
+      }).start();
+      Animated.timing(this.middleBarOpacity, {
+        toValue: 0,
+        duration: 30
+      }).start();
+    } else {
+      this.setState({
+        active: false
+      });
+      Animated.spring(this.topBar, {
+        toValue: 0
+      }).start();
+      Animated.spring(this.bottomBar, {
+        toValue: 0
+      }).start();
+      Animated.spring(this.bottomBarMargin, {
+        toValue: 4
+      }).start();
+      Animated.spring(this.middleBarOpacity, {
+        toValue: 1,
+        duration: 1200
+      }).start();
     }
+  }
 
-    cross() {
-        if (!this.state.active) {
-            Animated.spring(this.topBar, {
-                toValue: .9
-            }).start();
-            Animated.spring(this.bottomBar, {
-                toValue: .9
-            }).start();
-            Animated.spring(this.bottomBarMargin, {
-                toValue: -10
-            }).start();
-            Animated.timing(this.middleBarOpacity, {
-                toValue: 0,
-                duration: 30
-            }).start();
-        } else {
-            this.setState({
-                active: false
-            });
-            Animated.spring(this.topBar, {
-                toValue: 0
-            }).start();
-            Animated.spring(this.bottomBar, {
-                toValue: 0
-            }).start();
-            Animated.spring(this.bottomBarMargin, {
-                toValue: 4
-            }).start();
-            Animated.spring(this.middleBarOpacity, {
-                toValue: 1,
-                duration: 1200
-            }).start();
-        }
+  spinArrow() {
+    if (!this.state.active) {
+      Animated.spring(this.containerAnim, {
+        toValue: 1
+      }).start();
+      Animated.spring(this.topBar, {
+        toValue: 1
+      }).start();
+      Animated.spring(this.bottomBar, {
+        toValue: 1
+      }).start();
+      Animated.spring(this.width, {
+        toValue: 14
+      }).start();
+      Animated.spring(this.marginLeft, {
+        toValue: -13
+      }).start();
+      Animated.spring(this.bottomBarMargin, {
+        toValue: 2
+      }).start();
+      Animated.spring(this.topBarMargin, {
+        toValue: -2
+      }).start();
+    } else {
+      Animated.spring(this.containerAnim, {
+        toValue: 0
+      }).start();
+      Animated.spring(this.topBar, {
+        toValue: 0
+      }).start();
+      Animated.spring(this.bottomBar, {
+        toValue: 0
+      }).start();
+      Animated.spring(this.width, {
+        toValue: 25
+      }).start();
+      Animated.spring(this.marginLeft, {
+        toValue: 0
+      }).start();
+      Animated.spring(this.bottomBarMargin, {
+        toValue: 4
+      }).start();
+      Animated.spring(this.topBarMargin, {
+        toValue: 0
+      }).start();
     }
+  }
 
-
-    spinArrow() {
-        if (!this.state.active) {
-            Animated.spring(this.containerAnim, {
-                toValue: 1
-            }).start();
-            Animated.spring(this.topBar, {
-                toValue: 1
-            }).start();
-            Animated.spring(this.bottomBar, {
-                toValue: 1
-            }).start();
-            Animated.spring(this.width, {
-                toValue: 14
-            }).start();
-            Animated.spring(this.marginLeft, {
-                toValue: -13
-            }).start();
-            Animated.spring(this.bottomBarMargin, {
-                toValue: 2
-            }).start();
-            Animated.spring(this.topBarMargin, {
-                toValue: -2
-            }).start();
-        } else {
-            Animated.spring(this.containerAnim, {
-                toValue: 0
-            }).start();
-            Animated.spring(this.topBar, {
-                toValue: 0
-            }).start();
-            Animated.spring(this.bottomBar, {
-                toValue: 0
-            }).start();
-            Animated.spring(this.width, {
-                toValue: 25
-            }).start();
-            Animated.spring(this.marginLeft, {
-                toValue: 0
-            }).start();
-            Animated.spring(this.bottomBarMargin, {
-                toValue: 4
-            }).start();
-            Animated.spring(this.topBarMargin, {
-                toValue: 0
-            }).start();
-        }
-    }
-
-    arrow() {
-        if (!this.state.active) {
-            Animated.spring(this.topBar, {
-                toValue: 1
-            }).start();
-            Animated.spring(this.bottomBar, {
-                toValue: 1
-            }).start();
-            Animated.spring(this.width, {
-                toValue: 14
-            }).start();
-            Animated.spring(this.marginLeft, {
-                toValue: -13
-            }).start();
-            Animated.spring(this.bottomBarMargin, {
-                toValue: 2
-            }).start();
-            Animated.spring(this.topBarMargin, {
-                toValue: -2
-            }).start();
-        } else {
-            this.setState({
-                active: false
-            });
-            Animated.spring(this.topBar, {
-                toValue: 0
-            }).start();
-            Animated.spring(this.bottomBar, {
-                toValue: 0
-            }).start();
-            Animated.spring(this.width, {
-                toValue: 25
-            }).start();
-            Animated.spring(this.marginLeft, {
-                toValue: 0
-            }).start();
-            Animated.spring(this.bottomBarMargin, {
-                toValue: 4
-            }).start();
-            Animated.spring(this.topBarMargin, {
-                toValue: 0
-            }).start();
-        }
+  arrow() {
+    if (!this.state.active) {
+      Animated.spring(this.topBar, {
+        toValue: 1
+      }).start();
+      Animated.spring(this.bottomBar, {
+        toValue: 1
+      }).start();
+      Animated.spring(this.width, {
+        toValue: 14
+      }).start();
+      Animated.spring(this.marginLeft, {
+        toValue: -13
+      }).start();
+      Animated.spring(this.bottomBarMargin, {
+        toValue: 2
+      }).start();
+      Animated.spring(this.topBarMargin, {
+        toValue: -2
+      }).start();
+    } else {
+      this.setState({
+        active: false
+      });
+      Animated.spring(this.topBar, {
+        toValue: 0
+      }).start();
+      Animated.spring(this.bottomBar, {
+        toValue: 0
+      }).start();
+      Animated.spring(this.width, {
+        toValue: 25
+      }).start();
+      Animated.spring(this.marginLeft, {
+        toValue: 0
+      }).start();
+      Animated.spring(this.bottomBarMargin, {
+        toValue: 4
+      }).start();
+      Animated.spring(this.topBarMargin, {
+        toValue: 0
+      }).start();
     }
+  }
 
+  _animate() {
+    setTimeout(() => {
+      this.setState({
+        active: this.props.active
+      });
+    }, 0);
+    const { props: { type } } = this;
+    type == 'spinArrow'
+      ? this.spinArrow()
+      : type == 'arrow' ? this.arrow() : type == 'spinCross' ? this.spinCross() : this.cross();
+  }
+  componentDidMount() {
+    setTimeout(() => {
+      this.setState({
+        active: this.props.active
+      });
+    }, 0);
+  }
+  render() {
+    const { props: { color, type } } = this;
 
-    _animate() {
-        setTimeout(()=> {
-            this.setState({
-                active: this.props.active
-            });
-        }, 0);
-        const { props: { type } } = this;
-        type=="spinArrow" ? this.spinArrow() :
-        type=="arrow" ? this.arrow() :
-        type=="spinCross" ? this.spinCross() :
-        this.cross();
-
-
+    if (this.props.active) {
+      if (type == 'spinArrow') {
+        this.containerAnim = this.containerAnim || new Animated.Value(1);
+        this.topBar = this.topBar || new Animated.Value(1);
+        this.bottomBar = this.bottomBar || new Animated.Value(1);
+        this.width = this.width || new Animated.Value(14);
+        this.marginLeft = this.marginLeft || new Animated.Value(-13);
+        this.bottomBarMargin = this.bottomBarMargin || new Animated.Value(2);
+        this.topBarMargin = this.topBarMargin || new Animated.Value(-2);
+      } else if (type == 'arrow') {
+        this.topBar = this.topBar || new Animated.Value(1);
+        this.bottomBar = this.bottomBar || new Animated.Value(1);
+        this.width = this.width || new Animated.Value(14);
+        this.marginLeft = this.marginLeft || new Animated.Value(-13);
+        this.bottomBarMargin = this.bottomBarMargin || new Animated.Value(2);
+        this.topBarMargin = this.topBarMargin || new Animated.Value(-2);
+      } else if (type == 'spinCross') {
+        this.containerAnim = this.containerAnim || new Animated.Value(1);
+        this.topBar = this.topBar || new Animated.Value(0.9);
+        this.bottomBar = this.bottomBar || new Animated.Value(0.9);
+        this.bottomBarMargin = this.bottomBarMargin || new Animated.Value(-10);
+        this.middleBarOpacity = this.middleBarOpacity || new Animated.Value(0);
+      } else {
+        this.topBar = this.topBar || new Animated.Value(0.9);
+        this.bottomBar = this.bottomBar || new Animated.Value(0.9);
+        this.bottomBarMargin = this.bottomBarMargin || new Animated.Value(-10);
+        this.middleBarOpacity = this.middleBarOpacity || new Animated.Value(0);
+      }
     }
-    componentWillReceiveProps(nextProps) {
-        if (nextProps.active !== this.state.active) {
-            this._animate();
-        }
-    }
-    componentDidMount() {
-        setTimeout(()=> {
-            this.setState({
-                active: this.props.active
-            });
-        }, 0);
-    }
-    render() {
-
-        const { props: { color, type } } = this;
 
-        if (this.props.active) {
-            if (type=="spinArrow") {
-                this.containerAnim = this.containerAnim || new Animated.Value(1);
-                this.topBar = this.topBar || new Animated.Value(1);
-                this.bottomBar = this.bottomBar || new Animated.Value(1);
-                this.width = this.width || new Animated.Value(14);
-                this.marginLeft = this.marginLeft || new Animated.Value(-13);
-                this.bottomBarMargin = this.bottomBarMargin || new Animated.Value(2);
-                this.topBarMargin = this.topBarMargin || new Animated.Value(-2);
-            }
-            else if (type=="arrow") {
-                this.topBar = this.topBar || new Animated.Value(1);
-                this.bottomBar = this.bottomBar || new Animated.Value(1);
-                this.width = this.width || new Animated.Value(14);
-                this.marginLeft = this.marginLeft || new Animated.Value(-13);
-                this.bottomBarMargin = this.bottomBarMargin || new Animated.Value(2);
-                this.topBarMargin = this.topBarMargin || new Animated.Value(-2);
-            }
-            else if (type=="spinCross") {
-                this.containerAnim = this.containerAnim || new Animated.Value(1);
-                this.topBar = this.topBar || new Animated.Value(0.9);
-                this.bottomBar = this.bottomBar || new Animated.Value(0.9);
-                this.bottomBarMargin = this.bottomBarMargin || new Animated.Value(-10);
-                this.middleBarOpacity = this.middleBarOpacity || new Animated.Value(0);
-            }
-            else {
-                this.topBar = this.topBar || new Animated.Value(0.9);
-                this.bottomBar = this.bottomBar || new Animated.Value(0.9);
-                this.bottomBarMargin = this.bottomBarMargin || new Animated.Value(-10);
-                this.middleBarOpacity = this.middleBarOpacity || new Animated.Value(0);
-            }
-        }
+    this.containerAnim = this.containerAnim || new Animated.Value(0);
+    this.topBar = this.topBar || new Animated.Value(0);
+    this.bottomBar = this.bottomBar || new Animated.Value(0);
+    this.middleBarOpacity = this.middleBarOpacity || new Animated.Value(1);
+    this.bottomBarMargin = this.bottomBarMargin || new Animated.Value(4);
+    this.topBarMargin = this.topBarMargin || new Animated.Value(0);
+    this.marginLeft = this.marginLeft || new Animated.Value(0);
+    this.width = this.width || new Animated.Value(25);
 
-        this.containerAnim = this.containerAnim || new Animated.Value(0);
-        this.topBar = this.topBar || new Animated.Value(0);
-        this.bottomBar = this.bottomBar || new Animated.Value(0);
-        this.middleBarOpacity = this.middleBarOpacity || new Animated.Value(1);
-        this.bottomBarMargin = this.bottomBarMargin || new Animated.Value(4);
-        this.topBarMargin = this.topBarMargin || new Animated.Value(0);
-        this.marginLeft = this.marginLeft || new Animated.Value(0);
-        this.width = this.width || new Animated.Value(25);
-
-        return (
-            <TouchableWithoutFeedback
-                onPress={()=> {this.props.onPress ? this.props.onPress() : undefined, this._animate()}}>
-                <Animated.View style={{
-                    width: 35,
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    height: 35,
-                    transform: [
-                        {rotate: this.containerAnim.interpolate({
-                            inputRange: [0, 1],
-                            outputRange: [
-                                '0deg', '360deg'
-                            ],
-                        })}
-                    ]
-                    }}>
-                    <Animated.View style={{
-                        height: 3,
-                        marginLeft: this.marginLeft,
-                        width: this.width,
-                        marginBottom: this.topBarMargin,
-                        backgroundColor: color ? color : 'black',
-                        transform: [
-                            {rotate: this.topBar.interpolate({
-                                inputRange: [0, 1],
-                                outputRange: [
-                                    '0deg', '-50deg'
-                                ],
-                            })}
-                        ]
-                    }} />
-                    <Animated.View style={{
-                        height: 3,
-                        width: 25,
-                        opacity:this.middleBarOpacity,
-                        backgroundColor: color ? color : 'black',
-                        marginTop: 4}} />
-                    <Animated.View style={{
-                        height: 3,
-                        marginLeft: this.marginLeft,
-                        width: this.width,
-                        backgroundColor: color ? color : 'black',
-                        marginTop: this.bottomBarMargin,
-                        transform: [
-                            {rotate: this.bottomBar.interpolate({
-                                inputRange: [0, 1],
-                                outputRange: [
-                                    '0deg', '50deg'
-                                ],
-                            })}
-                        ]
-                    }} />
-                </Animated.View>
-            </TouchableWithoutFeedback>
-        );
-    }
+    return (
+      <TouchableWithoutFeedback
+        onPress={() => {
+          this.props.onPress ? this.props.onPress() : undefined, this._animate();
+        }}
+      >
+        <Animated.View
+          style={{
+            width: 35,
+            justifyContent: 'center',
+            alignItems: 'center',
+            height: 35,
+            transform: [
+              {
+                rotate: this.containerAnim.interpolate({
+                  inputRange: [0, 1],
+                  outputRange: ['0deg', '360deg'],
+                  useNativeDriver: true
+                })
+              }
+            ]
+          }}
+        >
+          <Animated.View
+            style={{
+              height: 3,
+              marginLeft: this.marginLeft,
+              width: this.width,
+              marginBottom: this.topBarMargin,
+              backgroundColor: color ? color : 'black',
+              transform: [
+                {
+                  rotate: this.topBar.interpolate({
+                    inputRange: [0, 1],
+                    outputRange: ['0deg', '-50deg'],
+                    useNativeDriver: true
+                  })
+                }
+              ]
+            }}
+          />
+          <Animated.View
+            style={{
+              height: 3,
+              width: 25,
+              opacity: this.middleBarOpacity,
+              backgroundColor: color ? color : 'black',
+              marginTop: 4
+            }}
+          />
+          <Animated.View
+            style={{
+              height: 3,
+              marginLeft: this.marginLeft,
+              width: this.width,
+              backgroundColor: color ? color : 'black',
+              marginTop: this.bottomBarMargin,
+              transform: [
+                {
+                  rotate: this.bottomBar.interpolate({
+                    inputRange: [0, 1],
+                    outputRange: ['0deg', '50deg'],
+                    useNativeDriver: true
+                  })
+                }
+              ]
+            }}
+          />
+        </Animated.View>
+      </TouchableWithoutFeedback>
+    );
+  }
 }