我在 React Native Navigation v5 headerRight Buttons 中遇到了一個奇怪的錯誤。我目前有一個 TouchableOpacity 設定為 react native 導航螢屏中的 headerRight 組件；但是，沒有觸發 onPress 事件。標題（標題區域）中間似乎有一個具有絕對位置的不可見物件，這阻止了 onPress 事件被注冊。我嘗試使用 zIndex 和 headerMode 值；但是，該按鈕仍然不可按下。我只能在按鈕位于螢屏最右側時按下按鈕（即 marginRight: 0）。任何幫助將不勝感激。
作為參考，我遇到了與以下執行緒相同的問題：https : //github.com/react-navigation/react-navigation/issues/7052
我的代碼示例
<StackNavigator.Navigator headerMode='screen'>
<StackNavigator.Screen
name='Home'
component={HomeScreen}
options={{
headerRight: () => (
<TouchableOpacity
onPress={() => {}}
>
<Text>Button Text</Text>
</TouchableOpacity>
),
}}
/>
</StackNavigator.Navigator>
uj5u.com熱心網友回復：
更新到以下軟體包似乎已經為我解決了這個問題：
"@react-navigation/stack": "5.9.3",
"@react-navigation/drawer": "5.9.3",
"@react-navigation/native": "5.7.4",
uj5u.com熱心網友回復：
嘗試給 zIndex 提供更高的值可能是 100 或給 headerMode: float 如果這也不行，請嘗試更新您的包。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/341350.html
標籤：javascript 反应原生 按钮 前端 反应原生导航