如何在React Native中将底部栏标签视为按钮？

Question

因此，我有一个带有三个选项卡的底部导航栏：HomeView，UploadVideo和Messages。 基本上，我想做的是当用户单击“ UploadVideo”选项卡时，它的行为将类似于Instagram的行为。 它将在其中打开图像库，并允许选择一个媒体项目并将其移动到屏幕上，以便在其中输入详细信息。 而且，如果用户完全执行了上传过程或取消了上传过程，它将带他们回到原来的页面，然后单击“上传”选项卡/按钮。

目前，我所拥有的是，当用户单击“上载视频”时，它将打开一个屏幕，其中标签栏隐藏着一个图标，用于打开图像库和用于输入视频数据的表单。 如果用户单击“取消”，则无论单击“ UploadVideo”选项卡时位于何处，都将带他们回到HomeView（以这种方式编程）。 因此，基本上我想总结一下我的问题，我如何才能获得一个标签，使其更多地充当按钮？

Answer 1

您可以在呈现标签后立即打开选择器，并在选择视频后立即离开浏览器，如下所示：

class HomeTab extends React.Component {
    render() {
        return (
            <View/>
        );
    }
}

class GalleryTab extends React.Component {
    async componentDidMount() {
        const {cancelled} = await ImagePicker.launchImageLibraryAsync(options);

        if(cancelled){
            navigation.goBack()
        }

        navigation.navigate('detailScreen')
    }

    render() {
        return (
            <View/>
        );
    }
}

const TabNavigator = createBottomTabNavigator({
    Home: HomeTab,
    Gallery: GalleryTab,
});

export default createAppContainer(TabNavigator);