React Native Expo iOS swipe back - Stack Overflow

admin管理员组

文章数量:1391836

I am currently studying React Native after creating a project through Expo.

The Sweipe back function (back gesture) basically provided by iOS device does not work on my screen, so I would like to ask you a related question.

I will provide you with my code below.

**index.tsx File**    


import { createNativeStackNavigator } from "@react-navigation/native-stack";
import TabScreen from "./(tabs)/TabScreen";
import BaseWebView from "./base/BaseWebView";

export default function App() {
    const Stack = createNativeStackNavigator();
    return (
        <Stack.Navigator
        screenOptions={{ headerShown: false, gestureEnabled: true }}>
            <Stack.Screen name="TabScreen" component={TabScreen} />
            <Stack.Screen name="WebView" component={BaseWebView} />
        </Stack.Navigator>
      );
    }


This is my BaseWebView.tsx

import React from "react";
import { StyleSheet, Text, View } from "react-native";

const BaseWebView = () => {

  return (
    <View style={styles.container}>
      <Text>Hello</Text>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#FFFFFF",
  },
  webview: {
    flex: 1,
  },
});

export default BaseWebView;

When I go to BaseWebview I'm using the code below.

router.push("/base/BaseWebView?url=;);

本文标签： React Native Expo iOS swipe backStack Overflow