Как рассматривать вкладку нижней панели как кнопку в React Native?

Question

Итак, у меня есть нижняя панель навигации с тремя вкладками: HomeView, UploadVideo и Messages.По сути, я хотел бы, чтобы пользователь нажимал на вкладку UploadVideo и вел себя так, как это делает Instagram.Где он откроет библиотеку изображений и позволит выбрать элемент мультимедиа и переместит их на экран, где они могут ввести свои данные.И если пользователь полностью завершит процесс загрузки или отменит его, он вернет их на страницу, на которой он изначально находился, прежде чем щелкнуть вкладку / кнопку «Загрузить».

В настоящее время я имею в виду, когда пользователь нажимает кнопку «Загрузить видео».откроется экран со скрытой панелью вкладок со значком для открытия библиотеки изображений и формы для ввода видеоданных.Если пользователь нажимает кнопку «Отмена», он возвращает его в HomeView (запрограммированный таким образом) независимо от того, где он находился, когда нажимал на вкладку UploadVideo.Итак, в основном, я думаю, чтобы подвести итог моего вопроса, как я могу заставить вкладку действовать как кнопка?

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);