爲什麼觸摸不會在React-Native的屏幕底部註冊？

我試圖在iOS上的React-Native應用程序中的一個ListView上放置一個浮動按鈕。外觀是偉大的，但我TouchableHighlight的功能性並沒有那麼大...爲什麼觸摸不會在React-Native的屏幕底部註冊？

<TouchableHighlight 
    onPress={() => { 
    this.myAction() 
    }}> 
    <View style={styles.floatingCameraButton}> 
     <Image source={camera_icon} style={styles.cameraIcon}/> 
    </View> 
</TouchableHighlight>

這是我的代碼的按鈕，這裏是我的花式：

floatingCameraButton: { 
    height: 80, 
    width: 80, 
    borderRadius: 40, 
    backgroundColor: '#aa2222', 
    position: 'absolute', 
    bottom: 20, 
    right: 20, 
    shadowColor: '#000000', 
    shadowOpacity: 0.8, 
    shadowRadius: 2, 
    shadowOffset: { 
    height: 5, 
    width: 5 
    }, 
},

出於某種原因，當按鈕在屏幕的下部被觸摸，觸摸無法在按鈕上註冊。

我測試過使按鈕更高，也朝着起來，這兩個都是解決方案，而不是那些我感興趣的

我的假設是，不知何故陣營母語是掩蓋我的觸動是發生在iOS本地選項卡欄的位置（意思是底部50px）。但是，屏幕上沒有Tab Bar，我也沒有實現。我確實有一個導航器，它包裹着我的按鈕所在的視圖，並不確定這是否是罪魁禍首。

任何想法或幫助讓我的TouchableHighlight觸摸屏幕的底部50px將是非常有益的。

來源

2016-04-25 Jason Gaare

'我確實有一個包裹着我的按鈕的視圖'對不起？ –

有一個導航對不起，它被包裹在小於和大於，並消失 –

嘗試將您的樣式應用於TouchableHighlight本身。

<TouchableHighlight 
    style={styles.floatingCameraButton} 
    onPress={() => this.myAction()}> 
     <Image source={camera_icon} style={styles.cameraIcon}/> 
</TouchableHighlight>

來源

2016-04-25 21:51:18

試過這個，仍然只是部分點擊作品。不確定在這一點上還有什麼別的東西可以切換 –

爲什麼觸摸不會在React-Native的屏幕底部註冊？

回答

相關問題