react-native - React Native Material 底部选项卡边框半径

Question

我只是想找到一种方法来像这样转换我的 Material 底部标签

有没有办法做这样的事情？

我不能使用 barStyle 对其应用边框半径

    <Tab.Navigator
    initialRouteName="Home"
    activeColor={Colors.primary}
    inactiveColor="black"
    barStyle={{ backgroundColor: 'white', borderRadius: 30}}
    >

Answer 1

你需要有一个 overflow:'hidden' 和一个 position:'absolute'

    barStyle={{
      backgroundColor: 'white',
      position: 'absolute',
      overflow: 'hidden',
      borderTopLeftRadius: 30,
      borderTopRightRadius: 30,
    }}>