react-native - 反向图标使背景更大

Question

import React, { useState, useEffect } from "react";
import { View, StyleSheet } from "react-native";
import { Icon } from "react-native-elements";

export default function ImageHolder() {
  return (
    <View>
        <Icon
        name="circle-with-cross"
        type = 'entypo'
        color = '#B8E4BC'
        size = '60'
        //reverse='true'
        //reverseColor = '#000000'
       
        />
    </View>

我只希望十字架是黑色的，圆圈是绿色的，所以我使用了 backgroundColor 来创建一个矩形。

所以我想也许反向选项可能会有所帮助，它确实有点作用，但问题是它使背景更大，这是从哪里来的？

还有其他方法可以实现我的目标吗？！

这是几次尝试的截图

带有 reverse = true 的图标，它比以前大的原因是什么？：

带有 reverse = false 的图标：

带背景颜色的图标：

标签： react-nativereact-native-elementsreact-native-vector-icons