Code Monkey home page Code Monkey logo

react-native-three-dots-loader's Introduction

react-native-three-dots-loader's People

Contributors

artemkosiakevych avatar

Stargazers

avatar avatar avatar avatar avatar

Watchers

avatar

Forkers

armandogomez dromanchuck ramapriyan912001 aklevko lordprana angelozhou antonyushkevich sreuter tommaso-sebastianelli

react-native-three-dots-loader's Issues

Animated: `useNativeDriver` was not specified. This is a required option and must be explicitly set to `true` or `false` , react-native-cli: 2.0.1 react-native: 0.63.4

Hi! 👋

Firstly, thanks for your work on this project! 🙂

Today I used patch-package to patch [email protected] for the project I'm working on.

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-three-dots-loader/README.md b/node_modules/react-native-three-dots-loader/README.md
old mode 100644
new mode 100755
diff --git a/node_modules/react-native-three-dots-loader/assets/demo.gif b/node_modules/react-native-three-dots-loader/assets/demo.gif
old mode 100644
new mode 100755
diff --git a/node_modules/react-native-three-dots-loader/index.js b/node_modules/react-native-three-dots-loader/index.js
old mode 100644
new mode 100755
index 1f5ffb6..0aa88b8
--- a/node_modules/react-native-three-dots-loader/index.js
+++ b/node_modules/react-native-three-dots-loader/index.js
@@ -69,6 +69,7 @@ class Dot extends React.Component {
       {
         toValue: 1,
         duration: this.props.animationDuration,
+        useNativeDriver:true
       }
     ).start()
   }
@@ -79,6 +80,7 @@ class Dot extends React.Component {
       {
         toValue: this.props.animationScale,
         duration: this.props.animationDuration,
+        useNativeDriver:true
       }
     ).start()
   }

This issue body was partially generated by patch-package.

Animated : UseNativeDriver was not specified

I was facing this issue Animated : UseNativeDriver was not specified

just replace the following code in index.js

`scaleDown = () => {
Animated.timing(
this.scale,
{
toValue: 1,
duration: this.props.animationDuration,
useNativeDriver: true
}
).start()
}

scaleUp = () => {
Animated.timing(
this.scale,
{
toValue: this.props.animationScale,
duration: this.props.animationDuration,
useNativeDriver: true
}
).start()
}`

ERROR Warning: Each child in a list should have a unique "key" prop. Check the render method of `ThreeDotsLoader`

Hi! 👋

Firstly, thanks for your work on this project! 🙂

Today I used patch-package to patch [email protected] for the project I'm working on.

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-three-dots-loader/index.js b/node_modules/react-native-three-dots-loader/index.js
index 1f5ffb6..d3bac46 100644
--- a/node_modules/react-native-three-dots-loader/index.js
+++ b/node_modules/react-native-three-dots-loader/index.js
@@ -29,7 +29,7 @@ export default class ThreeDotsLoader extends React.Component {
   const active = this.state.active
    return (
      <View style={styles.main}>
-       {dots.map(i => <Dot {...this.props} active={i === active}/>)}
+       {dots.map(i => <Dot key={i} {...this.props} active={i === active}/>)}
      </View>
    )
   }
@@ -69,6 +69,7 @@ class Dot extends React.Component {
       {
         toValue: 1,
         duration: this.props.animationDuration,
+        useNativeDriver:true
       }
     ).start()
   }
@@ -79,6 +80,7 @@ class Dot extends React.Component {
       {
         toValue: this.props.animationScale,
         duration: this.props.animationDuration,
+        useNativeDriver:true
       }
     ).start()
   }

This issue body was partially generated by patch-package.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.