带有本地基本按钮的裁剪图标

Question

我正在使用本机库来创建圆形图标按钮。
当图标较小时，它可以正常工作：

<Button   
    rounded 
    style={{
        borderRadius : 32,
        width : 64,
        height : 64,

    }} 
>
    <Icon  
        name="bell"
        type="MaterialCommunityIcons"
        style={{
            fontSize: 35, 
            marginLeft : 14
        }}
    />
</Button>

当我更改图标大小时，它会被裁剪

<Button   
    rounded 
    style={{
        borderRadius : 32,
        width : 64,
        height : 64,

    }} 
>
    <Icon  
        name="bell"
        type="MaterialCommunityIcons"
        style={{
            fontSize: 60, //bigger icon
            marginLeft : 3
        }}
    />
</Button>

如何在按钮上方显示图标？
编辑： 随着按钮变小，问题变得更糟（垂直裁剪线越来越靠近按钮的中心）

Answer 1

您可以将图像包装在TouchableOpacity中，使其作为按钮

PropertyReferenceException