Category Hierarchy

by admin

我在堆栈导航器中的后退按钮有问题。我得到一个错误，未定义的不是一个对象(计算'_this.props')。如果它正常工作，它将返回到底部堆栈导航器中的另一个选项卡。例如，如果我点击预订一个课程，然后我回到家，点击上一步，无论如何我都需要预订一个课程。请帮帮忙。

这就是我到目前为止所知道的：

function HomeScreen({ navigation }) {
      
        return (
          <WebView
            source={{
              uri: 'https://www.stoodnt.com/'
            }}
            style={{ marginTop: -120 }}
          />
        );
         
}

const HomeStack = createStackNavigator();
function HomeStackScreen() {
 return (
   <HomeStack.Navigator>
    <HomeStack.Screen name="Home"
         component={HomeScreen}
         options={{
         headerLeft: () => (
           <HeaderBackButton
            onPress={() => this.props.navigation.goBack(null)}
            
           />
        ),
    }}
/>
   </HomeStack.Navigator>
  );
}

底部导航器：

const Tab = createBottomTabNavigator();

export default function App() {

    return (
       <NavigationContainer>
         <Tab.Navigator
           screenOptions={({ route }) => ({
             tabBarIcon: ({ focused, color, size }) => {
               let iconName;

            if (route.name === 'Home') {
              iconName = focused
                ? 'ios-home'
                : 'ios-home';
            } else if (route.name === 'Book Session')  {
                iconName = focused ? 'ios-calendar' : 'ios-calendar';
            }
            else if (route.name === 'Blogs')  {
                iconName = focused ? 'ios-bookmark' : 'ios-bookmark';
            }
            else if (route.name === 'Online Courses') {
              iconName = focused ? 'ios-book' : 'ios-book';
            }
            else if (route.name === 'Classes') {
              iconName = focused ? 'ios-desktop' : 'ios-desktop';
            }

            return <Ionicons name={iconName} size={40} color={'orange'} />;

          },
        })}
            tabBarOptions={{
              activeTintColor: '#000000',
              inactiveTintColor: '#616161',
              labelStyle: {
                fontSize: 10,
              },
              style: {
                backgroundColor: '#F7F7F7',
              },
    }}

      >


            
          <Tab.Screen name="Home" component={HomeStackScreen} />
          <Tab.Screen name="Book Session" component={BookStackScreen} />
          <Tab.Screen name="Blogs" component={BlogStackScreen} />
          <Tab.Screen name="Online Courses" component={OnlineStackScreen} />
            <Tab.Screen name="Classes" component={ClassesStackScreen} />
        
        
            
        </Tab.Navigator>
    </NavigationContainer>
        
            
            


  );

}

?

?

转载请注明出处:http://www.sxboan.com/article/20230330/1714947.html