2016-04-29 47 views
9

我有一個Touchablehighlight,我需要絕對定位,但在執行此操作後它變得無法點擊。如果位置絕對,Touchablehighlight不可點擊

這是什麼原因造成的?它的功能就像它應該如果我沒有設置爲絕對的位置。

+0

這個答案幫助了我。 https://stackoverflow.com/questions/39250449/react-native-touchableopacity-not-working-inside-an-absolute-positioned-view/41946351#41946351 –

回答

18

解決方案是更改組件的順序。

我本來什麼:

<TouchableHighLight><Text>Click me</Text></TouchableHighlight> 
<View> .... </View> 

這是修復:

<View>...</View> 
<TouchableHighLight><Text>Click me</Text></TouchableHighlight> 
+1

太棒了!有人可以解釋爲什麼這有效嗎? – eden

+1

如果我是正確的,最後一個元素顯示在第一個元素上方。通常,這就是它將元素加載到DOM的方式。在這裏,由於第一個元素是「絕對」,第二個元素在它上面呈現。當我們改變順序時,'絕對'元素(現在是第二個元素)加載在頂部。 – THpubs