小编Leo*_*elo的帖子

禁用特定屏幕中的后退按钮(反应导航堆栈)

你好!

我需要禁用导航栏上的后退按钮。请帮助我。

路线

  • 主页:我不想离开应用程序
  • 成功:我不想返回 Checkout。

示例:点击此处

import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import { OrderProvider } from '../contexts/order';

import Home from '../pages/Home';
import Checkout from '../pages/Checkout';
import Success from '../pages/Checkout/success';

const AppStack = createStackNavigator();

const AppRoutes = () => (
  <OrderProvider>
    <AppStack.Navigator screenOptions={{ headerShown: false }}> 
      <AppStack.Screen name="Home" component={Home} />  <-- here
      <AppStack.Screen name="Checkout" component={Checkout} />
      <AppStack.Screen name="Success" component={Success} /> <--- here
    </AppStack.Navigator>
  </OrderProvider>
);

export default AppRoutes;

Run Code Online (Sandbox Code Playgroud)
import React from 'react';
import { View} …
Run Code Online (Sandbox Code Playgroud)

react-native react-navigation react-navigation-v5

6
推荐指数
1
解决办法
6610
查看次数