Reactjs 反应本机底部工作表和选项卡栏

我想在我的自定义选项卡栏中实现一个播放器栏，就像apple music或spotify一样。 对于TabNavigator，我有：

const TabNavigator = createBottomTabNavigator({
  HomeStack,
  LibraryStack,
},
{
  initialRouteName: 'HomeStack',
  tabBarComponent: props => <CustomTabBar {...props} />,
  tabBarOptions: {
    showLabel: false,
  }
});

const TabNavigator=createBottomTabNavigator({
本垒打，
图书馆堆栈，
},
{
initialRouteName:“HomeStack”，
tabBarComponent:props=>,，
选项卡选项：{
showLabel:false，
}
});

对于我的定制TabBar，我想要这样的东西：

import React from 'react';
import { BottomTabBar } from 'react-navigation';
import BottomSheet from 'reanimated-bottom-sheet'

const CustomTabBar = props => {
  return (
    <React.Fragment>
       <BottomSheet
         snapPoints = {[450, 300, 0]}
         renderContent = {this.renderInner}
         renderHeader = {this.renderHeader}
       />
      <BottomTabBar {...props} />
    </React.Fragment>
  );
};

export default CustomTabBar;

从“React”导入React；
从“反应导航”导入{BottomTabBar}；
从“重新激活的底部板材”导入底部板材
const CustomTabBar=props=>{
返回(
);
};
导出默认CustomTabBar；

问题是：底页在选项卡栏后面，阻止了选项卡栏上的接触，所以我不能再在选项卡之间切换。如何处理这个问题

---

亲切问候

你能用zIndex把它移到前面吗？你能用expo snack发布这个项目吗？我找到了解决方案，我不得不用zIndex为110（必须大于100）的视图包装底部的标签栏