在React Native中更好地垂直对齐图标

Question

我试图创造一个小小的浮动＆＃34;投票/投票＆＃34;我的应用程序屏幕底部的小部件。我使用React Native with Nativebase和Entypo Icons。

问题是图标似乎没有垂直对齐，至少不是通过中心，因为我期望/希望。见下文：

（添加虚线以显示问题，我希望这些与同行保持一致） 当在元素检查器中将图标本身悬停时，它似乎在每一侧都被填充（或缺少），所以我不确定它是否是代码问题：

以下是代码：

 <View style={{flexDirection:'row', borderWidth: 0.5, borderColor: '#d8d8d8', borderRadius: 50, backgroundColor: 'rgba(255, 255, 255, .7)',     shadowColor: "#000", shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.1, shadowRadius: 1.5, elevation: 3,alignItems:'center', marginBottom: 10,  position: 'absolute', left: '50%', marginLeft: -87, width: 174, paddingLeft: 5, paddingRight: 5,  bottom: 0,justifyContent:'space-between'}}>
    <Icon name='triangle-down'  onPress={    this.swipeLeft} active color="white" style={{fontSize: 60, marginTop:0, paddingTop:0, paddingBottom: 0, marginBottom: 0, alignSelf:  'center', height: 60,color: '#FF003C',backgroundColor:'transparent'}} />
    <Icon name='cw' style={{fontSize: 26, lineHeight: 26, height: 26, borderRadius: 50, color: '#d8d8d8',backgroundColor:'transparent'}} />
    <Icon name='triangle-up' onPress={    this.swipeRight} active color="white" style={{fontSize: 60, marginTop:0, paddingTop:0, paddingBottom: 0, marginBottom: 0, alignSelf:  'center',color: '#00C176', height: 60, backgroundColor:'transparent'}} />
</View>

（完成了太多的内联样式，但这是预先清理，所以尽量忍受我）

有什么方法可以让图标更好地对齐吗？另外，有没有办法缩小图标周围的填充空间（突出显示为蓝色）而不缩小实际图标？