2017-04-18 19 views
-1

我正在使用現有的React-Native應用程序,並且在iOS版本中,屏幕底部的一部分沒有響應時出現問題。起初它被認爲是在一個特定的屏幕上,但經過進一步調查,它被發現也影響其他屏幕。在發現問題的第一個屏幕上使用的控件是TouchableOpacity,但屏幕底部中間的矩形部分不響應,但屏幕底部的任一角落都響應。另一個屏幕有一個ListView,如果你試圖從同一個底部中間區域滾動,它不會,但是在其他地方它會。這在模擬器和物理設備中都很明顯。它的行爲就像是在所有事物的頂部浮動的道路上。不響應onpress事件的屏幕底部的部分,是什麼引起的?

我試過使用輔助功能檢查器來確定原因,但是這並沒有透露任何東西。

Screen Example

在上面的截圖中突出顯示的區域就是我所說的。

使問題更復雜化,Android版本中不存在此問題。

有沒有人經歷過這個之前,如果是這樣,原因是什麼,我該如何解決它?

編輯:我現在已經確定的原因是動畫認爲的掛一下,好像不是在它的所有子元素都具有其不透明度設置爲0。我已經嘗試解決這個使用pointerEvents,但這只是將問題轉移到不同的子元素。

任何人有任何建議嗎?

回答

1

問題原來是因爲父母在顯示過程中改變了高度並隱藏了事件以避免在Android中出現同樣的問題,所以我們只需要在平臺爲Android時更改它。

this.setState({height: (Platform.OS === 'ios') ? 50: 0}); 
相關問題