在React Native Image周围添加空间

时间:2017-08-11 07:38:53

标签: react-native

有没有办法增加Image“canvas”的大小来增加它周围的空间? (与作物相反)

我在图像周围画了一些SVG线。如果将SVG标记包装在Image标记内,如下所示,则SVG图形必须位于图像边界内:

<Image source=... style={{height: 48, width:48}}>
    <Svg height="48" width="48">
        <Svg.Line ... />
    </Svg>
</Image>

您可以使用Gimp或类似方法在图像边界之外进行SVG绘制,以使用主要内容周围的空白大小调整图像大小。但是有可能在不创建新图像的情况下这样做,让RN在图像周围添加空间,以便我可以在那个空白处绘制SVG吗?

向图像容器添加填充/边距不起作用。

或者有更好的方法吗?我尝试将图像包装在SVG标记中,但在Android和iOS之间没有获得一致的结果。

0 个答案:

没有答案