如何在反应导航 v4 中从底部选项卡导航器调用警报答案

【问题标题】：How to call a alert from bottom tab navigator in react navigation v4如何在反应导航 v4 中从底部选项卡导航器调用警报
【发布时间】：2020-04-27 12:50:24
【问题描述】：

为了调用 stackNavigator，我们使用 props.navigation.navigate('home')。

但是当我点击底部标签导航图标时如何调用警报。

【问题讨论】：

标签： react-native expo react-native-navigation react-navigation-bottom-tab

【解决方案1】：

您可以在navigationOptions 中使用tabBarOnPress，如下所示

CreatePostt: {
    screen: createStackNavigator(
        {
            CreatePost: {
                screen: CreatePost,
                navigationOptions: {
                    // header: null
                }
            },

            PostExpanded: {
                screen: PostExpanded,
                navigationOptions: {
                    title: "Upload Post",
                    headerStyle: {
                        elevation: 1
                    },
                }
            },


        },
        {
            defaultNavigationOptions: {
                headerTitleStyle: {
                    fontWeight: "bold"
                }
            }
        }
    ),
        navigationOptions: {
        tabBarOptions: {
            showIcon: true,
                showLabel: false
        },
        tabBarVisible: false,
            labelStyle: { margin: 0, padding: 0 },
        title: "",
            tabBarIcon: ({ focused }) => <BtnPost style={{ marginTop: 15 }} />,
                tabBarOnPress: ({ navigation, defaultHandler }) => {

                }
    }
},

【讨论】：

如何与导航 5 一起使用

【解决方案2】：

谢谢......它正在工作......

const AlertStack = createStackNavigator(
  {
    Alert: AlertScreen

  },
);

AlertStack.navigationOptions = {
  tabBarOnPress: () => {
 alert('Hello');
  },
  };

【讨论】：