From 6997a6a32a431d24d23916108116ecd48f464fbd Mon Sep 17 00:00:00 2001
From: NickLewry <nicholas.lewry@icloud.com>
Date: Thu, 11 Jun 2020 15:54:07 +0100
Subject: [PATCH 1/2] add useNativeDriver as prop

---
 README.md               |  1 +
 src/AnimatedEllipsis.js | 13 ++++++++-----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index ab7c7a0..f9aa0b3 100644
--- a/README.md
+++ b/README.md
@@ -44,6 +44,7 @@ Customize the number of dots, animation speed, and style using these props:
 | **`animationDelay`** | The length in milliseconds of each phase of the animated. Defaults to **300**. |
 | **`minOpacity`** | The minimum opacity for the dots. Defaults to **0**. |
 | **`style`** | CSS to apply to the dots. It accepts any styles that a normal `<Text />` component can take. |
+| **`useNativeDriver`** | Specify true or false. Defaults to **true**. |
 
 
 ## More Examples
diff --git a/src/AnimatedEllipsis.js b/src/AnimatedEllipsis.js
index 6ce7bbf..64ad8de 100644
--- a/src/AnimatedEllipsis.js
+++ b/src/AnimatedEllipsis.js
@@ -1,6 +1,6 @@
-import React, { Component }    from 'react';
-import { Text, Animated, View, StyleSheet }      from 'react-native';
-import PropTypes               from 'prop-types';
+import React, { Component } from 'react';
+import { Text, Animated, View, StyleSheet } from 'react-native';
+import PropTypes from 'prop-types';
 
 
 export default class AnimatedEllipsis extends Component {
@@ -9,6 +9,7 @@ export default class AnimatedEllipsis extends Component {
     animationDelay: PropTypes.number,
     minOpacity: PropTypes.number,
     style: Text.propTypes.style,
+    useNativeDriver: PropTypes.bool
   };
 
   static defaultProps = {
@@ -18,7 +19,8 @@ export default class AnimatedEllipsis extends Component {
     style: {
       color: '#aaa',
       fontSize: 32,
-    }
+    },
+    useNativeDriver: true
   };
 
   constructor(props) {
@@ -66,10 +68,11 @@ export default class AnimatedEllipsis extends Component {
     Animated.timing(this._animation_state.dot_opacities[which_dot], {
       toValue: this._animation_state.target_opacity,
       duration: this.props.animationDelay,
+      useNativeDriver: PropTypes.useNativeDriver,
     }).start(this.animate_dots.bind(this, next_dot));
   }
 
-  render () {
+  render() {
     let dots = this._animation_state.dot_opacities.map((o, i) =>
       <Animated.Text key={i} style={[this.props.style, { opacity: o }]}>
         {' '}

From d4e93efeee092ed9134d052e18e7d5d3657c6114 Mon Sep 17 00:00:00 2001
From: NickLewry <nicholas.lewry@icloud.com>
Date: Fri, 14 Aug 2020 08:37:32 +0100
Subject: [PATCH 2/2] fix typo

---
 src/AnimatedEllipsis.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/AnimatedEllipsis.js b/src/AnimatedEllipsis.js
index 64ad8de..6d533ea 100644
--- a/src/AnimatedEllipsis.js
+++ b/src/AnimatedEllipsis.js
@@ -68,7 +68,7 @@ export default class AnimatedEllipsis extends Component {
     Animated.timing(this._animation_state.dot_opacities[which_dot], {
       toValue: this._animation_state.target_opacity,
       duration: this.props.animationDelay,
-      useNativeDriver: PropTypes.useNativeDriver,
+      useNativeDriver: this.props.useNativeDriver,
     }).start(this.animate_dots.bind(this, next_dot));
   }