Создай прялку в реакции на родную - PullRequest
0 голосов
/ 26 сентября 2018

Здравствуйте, я пытаюсь заставить вращающееся колесо реагировать с использованием Animatable.Следуя приведенному здесь примеру (https://code.tutsplus.com/tutorials/practical-animations-in-react-native--cms-27567) Мне удалось повернуть прямоугольник. Вот код!

  <Animatable.View
                        ref={animation[0]}
                        style={[styles.box, { backgroundColor: animation[1] }]}
                        animation={animation[0]}
                        iterationCount={"infinite"}>
                        <Text style={styles.box_text}>{animation[0]}</Text>
 </Animatable.View>


const styles = StyleSheet.create({
        container: {
            flex: 1,
            flexDirection: 'column',
            padding: 20
        },
        row: {
            flex: 1,
            flexDirection: 'row',
            justifyContent: 'space-between'
        },
        box: {
            alignItems: 'center',
            justifyContent: 'center',
            height: 100,
            width: 100,
            backgroundColor: '#ccc'
        },
        box_text: {
            color: '#FFF'
        }
    });

Но проблема в том, что мы вращаем окно, создающее с помощью css, Есть лиспособ, где я могу сделать свой собственный счетчик, используя HTML и CSS и повернуть его и остановить его в соответствии с бизнес-правилами?

enter image description here

Нужны некоторые указания ипредложения спасибо!

...