Удаление пробелов сверху и снизу значка в React Native

Question

Я пытаюсь включить некоторые значки из react-native-vector-icons в свой проект.Часто я совмещаю значок, например, со входом, поэтому хочу, чтобы он был такой же высоты (или, по крайней мере, меньше), чтобы я мог центрировать его перед входом в гибкой строке, не увеличивая размер строки.Однако значки получаются слишком маленькими, если я устанавливаю их размер в соответствии с размером шрифта ввода.Если я увеличу размер иконки, это растянет мой флекс-бокс, но в этом явно нет необходимости, потому что значок имеет много свободного места сверху и снизу.Вот пример скриншота:

Есть ли способ обрезать это?Значок должен быть квадратным.Вот код, который у меня сейчас есть на этом экране:

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>
    );
  }
}