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

Question

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

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

Answer 1

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

const AlertStack = createStackNavigator(
  {
    Alert: AlertScreen

  },
);

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

Answer 2

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

                }
    }
},