react-native - 从 React Native 中的图标顶部和底部删除空格

Question

我正在尝试react-native-vector-icons在我的项目中包含一些图标。通常，我将图标与输入对齐，因此我希望它具有相同的高度（或至少更小），这样我就可以将其居中在 flex 行中的输入前面，而不会增加行的大小。但是，如果我将它们的大小设置为输入的字体大小，图标就会变得太小。如果我增加图标的大小，这会拉伸我的弹性框，但这显然是不必要的，因为图标在顶部和底部有很多空白。这是一个示例屏幕截图：

有没有办法修剪这个？图标应该是方形的。这是我目前在该屏幕上的代码：

import React, {Component} from 'react';
import {View} from 'react-native';
import Ionicons from 'react-native-vector-icons/Ionicons';

export default class App extends Component {
  render() {
    return (
      <View style={{flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: 'white'}}>
        <Ionicons name='ios-checkmark' size={30} />
      </View>
    );
  }
}