如何在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);