如何在React Navigation v4中从底部标签导航器调用警报

Question

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

但是当我单击底部的标签导航图标时，如何发出警报。

Answer 1

您可以如下使用tabBarOnPress中的navigationOptions

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 }) => {

                }
    }
},

Answer 2

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

const AlertStack = createStackNavigator(
  {
    Alert: AlertScreen

  },
);

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