最近，我在專案中遇到了一個bug，bug的情況描述大致如下：

當點選按鈕A時，彈出彈層，彈層有一個按鈕B，邏輯是：當點選按鈕B時，首先彈層消失，緊接著開始調取C介面流程。在Android上正確顯示，但是iOS中只是彈層消失，並沒有調取C介面事件。

對於這種情況，我之前開發過程中確實測試過simulator模擬器，iOS的模擬器顯示是正常的，另外現在測試說Android也是好的，可以證明邏輯是完全沒有問題。問題應該出在iOS與Android原始相容性的問題。經我有過H5移動端web頁面的開發經驗，我覺得有可能原因出在iOS機型的點選也存在300ms的延遲導致。因為iOS需要延遲300ms來響應和判斷是否使用者點選是單次點選還是雙擊。由此，以下程式碼，即可解決問題。

注意：setTimeout是非同步的，所以setTimeout中的函式裡的this並不能表示當前的this，如果用ES6就可以完美的解決this的問題。

原始碼奉上：

showBtnModalOrNo() {
        var _this = this;
        var isShow = this.state.modalVisible;
        if (isShow) {
            Animated.timing( 
                _this.state.chaAnim, 
                {toValue: 0, duration: 150}          
            ).start(()=> {
                Animated.timing(
                    _this.state.modalAnimatedHeight,   
                    {toValue: -400, duration: 300} 
                ).start(()=> {
                    _this.CMModal.hideModal();
                    _this.setState({
                        modalVisible: false,
                    });
                    setTimeout(function(){
                        _this.props.checkFaceRecognition();
                    },1000);
                });
            })
        } else {
            _this.setState({
                modalVisible: true,
            })
            _this.CMModal.showModal(function () {
                Animated.timing(
                    _this.state.modalAnimatedHeight, 
                    {toValue: 0, duration: 300}      
                ).start(()=> {
                    Animated.timing(
                        _this.state.chaAnim,    
                        {toValue: 1, duration: 150}  
                    ).start();
                });
            });
        }
}
 

var _this=this;
setTimeout(function(){
    _this.props.checkFaceRecognition();
},1000);