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

Question

我只是想找到一种方法来改变我的材料底部选项卡就像这样

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

我无法使用 barStyle 对它应用边框半径

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

Answer 1

您需要有一个溢出：“隐藏”和一个位置：“绝对”

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