使用 react-navigations - createBottomTabNavigator,我试图将图标向下推一点,但它被切断了,我不确定为什么。
有没有办法解决这个问题?或者如果你能指导我获得一些关于这方面的信息。
图标样式如下:
<Icon
name="heart"
color={tintColor}
size={28}
style={{ marginTop: '20' }}
/>
Run Code Online (Sandbox Code Playgroud)
这是标签栏选项:
tabBarOptions: {
showLabel: false,
activeTintColor: '#e91e63',
indicatorStyle: {
height: 100
},
style: {
position: 'absolute',
backgroundColor: 'transparent',
height: 50,
width: DEVICE_WIDTH * 0.94,
borderTopColor: 'transparent',
borderBottomLeftRadius: 33,
borderBottomRightRadius: 33,
borderTopLeftRadius: 10,
borderTopRightRadius: 10,
bottom: 0,
margin: 10,
shadowColor: '#000000',
shadowOffset: {
width: 0,
height: 0.3
},
shadowRadius: 5,
shadowOpacity: 0.1
},
tabStyle: {}
}
Run Code Online (Sandbox Code Playgroud)
提前谢谢了
react-native react-native-android react-native-ios react-navigation