Написал блюр навигатор, на айфоне норм работает, а на

Question

React Native — русскоговорящее сообщество

Написал блюр навигатор, на айфоне норм работает, а на

андроиде по середине какой то прямоугольник видится, как можно устранить проблему??
<Tab.Navigator tabBar={(props) => (
<View style={{
position: 'absolute',
width: normalize(285),
height: normalize(60),
left: normalize(45),
bottom: 10,
backgroundColor: 'transparent',
borderRadius: 30,
borderTopRightRadius: 30,
borderTopLeftRadius: 30,
overflow: 'hidden',
}}>
<BlurView
style={{ borderRadius: 30,
width: normalize(286),
height: normalize(60),
top: 0,
right: 0,
left: 0,
...Platform.select({
ios: {
backgroundColor: 'rgba(0, 0, 0, 0.3)',
},
android: {
backgroundColor: 'rgba(0, 0, 0, 0.3)',

},
}) }}
blurType="dark"
blurAmount={10}>
<BottomTabBar {...props} />
</BlurView>
</View>

)}