From 8c421117d87c1c63a6919573b94df9b1e4b258bb Mon Sep 17 00:00:00 2001 From: sali2010 Date: Mon, 14 Aug 2023 09:48:57 +0330 Subject: [PATCH] fix:useNativeDriver fix --- src/AnimatedEllipsis.js | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/src/AnimatedEllipsis.js b/src/AnimatedEllipsis.js index 6ce7bbf..c136a6a 100644 --- a/src/AnimatedEllipsis.js +++ b/src/AnimatedEllipsis.js @@ -1,7 +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 { static propTypes = { @@ -16,9 +15,9 @@ export default class AnimatedEllipsis extends Component { animationDelay: 300, minOpacity: 0, style: { - color: '#aaa', + color: "#aaa", fontSize: 32, - } + }, }; constructor(props) { @@ -66,23 +65,24 @@ 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: false, }).start(this.animate_dots.bind(this, next_dot)); } - render () { - let dots = this._animation_state.dot_opacities.map((o, i) => + render() { + let dots = this._animation_state.dot_opacities.map((o, i) => ( - {' '} + {" "} . - ); + )); - return {dots} + return {dots}; } } const styles = StyleSheet.create({ container: { - flexDirection: 'row' - } -}); \ No newline at end of file + flexDirection: "row", + }, +});