react-native - 在 Recat Native 中重置初始状态值

Question

要求：我必须用 2 种不同的颜色（例如红色和白色）使视图闪烁 2 秒。我可以通过使用此代码来做到这一点 -

    const [state, setState] = React.useState(false)
    const [initialState, setInitialState] = React.useState(0)

    React.useEffect(() => {
        if (initialState < 2){
            let interval = setInterval(() => {
                setState(true)
                setInitialState(initialState + 1)
                setTimeout(() => {
                    setState(false)
                }, 80);
            }, 300);
            setTimeout(() => {
                clearInterval(interval)
            }, 600);
        }
    }, [initialState])

并称它为 -

<View style={{...styles.mainContainer, backgroundColor: state ? Colors.GRO7 : Colors.GRC9}}>

另一个要求：我有另一个屏幕，我可以更改地址，成功更改地址后，我必须再次闪烁此视图 2 秒。我不确定在哪里可以再次将初始值重置为 0。

我是反应原生的新手，有人可以指导我如何实现此功能

标签： react-native

Answer 1

无法完全理解你的目标是什么。

这是一个闪烁的文本示例