有没有办法让标签栏透明?我try 了以下方法,但它只是显示了一个白色背景.我需要实现自己的tabBarComponent吗?如果是的话,是否有关于该类的文档,以及我需要实现什么接口?

const MainTabNavigator = TabNavigator(
  {
    MessageCenter: { screen: MessageCenterStack },
    Camera: { screen: CameraStack },
  },
  {
    tabBarPosition: 'bottom',
    swipeEnabled: true,
    animationEnabled: true,
    tabBarOptions: {
      style: {
        backgroundColor:  'transparent',
      },
    }
  }
);

推荐答案

我必须设置位置absolute,并给它一个左右和底部的背景色透明生效.

tabBarOptions: {
  showIcon: true,
  showLabel: false,
  lazyLoad: true,
  style: {
    backgroundColor: 'transparent',
    borderTopWidth: 0,
    position: 'absolute',
    left: 50,
    right: 50,
    bottom: 20,
    height: 100
  }
}

React-native相关问答推荐

如何重复使用expo 音频对象S录音?

AxiosError:Reaction Native EXPO开发版本中的网络错误

NativeWind边框 colored颜色 在Reaction Native应用程序中未按预期工作

替换数组中的一个元素就是替换数组中的所有元素?

莫迪德不会停留在屏幕中央

React本机组件未更新状态

React Native 动画.您必须在转换属性中精确指定一个属性.

React Native - 为什么我们对 Image 组件使用 tintColor 属性?

使用 resizeMode 封面截断的图像

如何运行 React-Native 示例?

异步(async)/等待(await)和递归

在 Windows 上进行本机调试

组件div的视图配置 getter 回调必须是一个函数(收到 undefined)

在 React Native App 中禁用屏幕捕获/ScreenShot

占位符文本在(多行)TextInput for Android(React Native)中的位置

键盘上方的 React Native 完成按钮

如何使 react-native Picker 停留在新 Select 的选项?

ReactNative TextInput 不可见 iOS

如何在 react-native 中为带有图标的按钮建模

如何在 React-Native 中停止touch 事件传播