React Navigation tabBarOnPress

问题描述 投票:0回答:1

我想在导航上添加事件并导航到屏幕,我有这个代码,但我不知道什么是错的。

当我设置tabBarOnPress它不会导航但是做事件,如果我没有设置它我不知道如何触发事件。

import { createStackNavigator, createBottomTabNavigator } from 'react- 
navigation';

import HomeScreen from '../screens/HomeScreen';
import LinksScreen from '../screens/LinksScreen';
import {
  AdMobInterstitial,
} from 'react-native-admob';

AdMobInterstitial.setAdUnitID('ca-app-pub-2821491096541440/1777616101');

const HomeStack = createStackNavigator({
  Home: HomeScreen,
});

HomeStack.navigationOptions = {
  tabBarLabel: 'Apps recomendadas',
  tabBarOnPress: () => {
   this.somevent();
  },
};

const LinksStack = createStackNavigator({
  Links: LinksScreen,
});

LinksStack.navigationOptions = {
  tabBarLabel: 'FAQ',
  tabBarOnPress: () => {
     this.somevent();
  },
};

export default createBottomTabNavigator({
  HomeStack,
  LinksStack
},);
reactjs react-native react-navigation
1个回答
0
投票

我和你有同样的问题,但这段代码对我有用

tabBarOnPress: ({ navigation, defaultHandler }) => {
        console.log('onPress:', navigation.state.routeName);
        defaultHandler()
      },

如果我未能包含defaultHandler(),则屏幕不会导航以显示所选路线并仅执行console.log语句

© www.soinside.com 2019 - 2024. All rights reserved.