在警报弹出窗口中集成倒数计时器

时间:2017-11-10 09:21:34

标签: javascript react-native

我正在使用react native来开发App。我想在屏幕上弹出警报时实现一个递减计数器。 这是我的void fun(int c){ if( c == 0){ printf ("%d\nBlast Off!", c); return; } printf ("%d \n", c); fun(c-1); } 代码:

Alert()

这是我的计数器代码:

import CountdownCircle from 'react-native-countdown-circle';

onPressEnter() {
    // Works on both iOS and Android
    Alert.alert(
        'Attention',
        'This is a test!',
        [
            {text: 'cancel', onPress: () => console.log('Cancel Pressed'), style: 'cancel'},
        ],
        { cancelable: false }
    )
}

我试图将<CountdownCircle seconds={10} radius={30} borderWidth={8} color="#ff003f" bgColor="#fff" textStyle={{ fontSize: 20 }} onTimeElapsed={() => console.log('Elapsed!')} /> 放在CountdownCircle(我的警报所在位置)内,但是,我得到了令牌错误或者它没有显示任何内容。实施那些家伙有什么诀窍吗?有可能实现吗?

1 个答案:

答案 0 :(得分:0)

我可能为时已晚,但我如何实现我的倒计时圈,就是将其渲染到一个MODAL组件中。它就像一个魅力。只需在模态中调用你的内部,它就会做类似的事情。