在Android中为React Native设置带文本的居中图标

我正在尝试在我的react应用程序中编辑一些样式，以便图标在iOS和Android中同样好地显示。在iPhone上测试后，我转到Android上测试，我注意到一个圆圈图标被切掉了，所以我用下面的行来调整它：

  height: Platform.OS === 'android' ? 20 : 15,

这就解决了这个问题。然而，我仍然注意到，在iPhone上，图标以文本为中心显示在同一行上，而在Android中，它呈现的是略高于文本的圆圈图标。我曾尝试为Android添加填充和/或边距，但这似乎并不奏效。我还尝试为

itemcon

样式设置

alignItem:'center'

，但没有什么不同。在Android中，我如何确保圆圈图标与文本居中？以下是完整的样式表：

export default {
  sectionContainer: {
    flex: 1,
    flexDirection: 'column',
    width: '100%',
    justifyContent: 'space-between',
    padding: 15,
  },
  itemContainer: {
    flex: 1,
    flexDirection: 'row',
    width: '100%',
    alignItem: 'center',
  },
  itemIcon: {
    width: 15,
    height: Platform.OS === 'android' ? 20 : 15,
    color: '#309b8f',
    padding: 5,
    paddingLeft: 0,
  },
  horizontalBorderLight: {
    flex: 1,
    borderBottomColor: '#eee',
    borderBottomWidth: 1,
    width: '100%',
  },
}