MrToph / react-native-countdown-circle

A light-weight countdown circle indicator for React Native.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

fpix

DukazzCruz opened this issue Β· comments

Hi! πŸ‘‹

Firstly, thanks for your work on this project! πŸ™‚

Today I used patch-package to patch react-native-countdown-circle@3.0.1 for the project I'm working on.

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-countdown-circle/src/index.js b/node_modules/react-native-countdown-circle/src/index.js
index 1277e1c..72d6826 100644
--- a/node_modules/react-native-countdown-circle/src/index.js
+++ b/node_modules/react-native-countdown-circle/src/index.js
@@ -5,8 +5,8 @@ import {
   StyleSheet,
   Text,
   View,
-  ViewPropTypes,
 } from 'react-native'
+import { ViewPropTypes,TextPropTypes } from 'deprecated-react-native-prop-types';
 import PropTypes from 'prop-types'
 
 // compatability for react-native versions < 0.44
@@ -94,7 +94,7 @@ export default class PercentageCircle extends React.PureComponent {
     bgColor: PropTypes.string,
     borderWidth: PropTypes.number,
     containerStyle: ViewPropTypesStyle,
-    textStyle: Text.propTypes.style,
+    textStyle: TextPropTypes.style,
     updateText: PropTypes.func,
     onTimeElapsed: PropTypes.func,
   };
@@ -157,6 +157,7 @@ export default class PercentageCircle extends React.PureComponent {
       toValue: 100,
       duration: 1000,
       easing: Easing.linear,
+      useNativeDriver: true // Add This line
     }).start(this.onCircleAnimated)
   };
 

This issue body was partially generated by patch-package.