Блог

я использую react-navigation/material-top-bar для навигации между экранами, проблема в том, что я также использую компонент bottomsheet , когда он достигает верхней части экрана, вкладка закрывает его, есть ли способ поместить нижний лист над панелью вкладок?

код, вот приложение:

 render() {
return (
  <>
    <NavigationContainer>
      <Tab_Navigator></Tab_Navigator>
    </NavigationContainer>
  </>
);
 

 heres tab:

    return(
        <Tab.Navigator>
            <Tab.Screen name = "Tracks" component = {Tracks}></Tab.Screen>
            <Tab.Screen name = "Chao" component = {Chao}></Tab.Screen>
        </Tab.Navigator>
    )

and this is Tracks:

     <View style = {{flex: 1, backgroundColor: "black"}}>
                    <BottomSheet
                        ref = {ref => (this.sheetref = ref)}
                        initialSnap = {1}
                        snapPoints = {[Dimensions.get("window").height - StatusBar.currentHeight, 95]}
                        renderHeader = {() => <Player_Header {...props}></Player_Header>}
                        renderContent = {() => <Track_Zone {...props}></Track_Zone>}
                        enabledContentGestureInteraction = {false}
                        onOpenEnd = {this.hide_icon}
                        onCloseEnd = {this.show_icon}>
                    </BottomSheet>
                </View>
            </>