Я работаю с библиотекой response-native-svg: https://github.com/react-native-community/react-native-svg, чтобы вырезать изображение с произвольной формой.
Это мой код:
<Svg
height="100"
width="100">
<Defs>
<ClipPath id="clip">
<Circle cx="50%" cy="50%" r="40%"/>
</ClipPath>
</Defs>
<Image
width="100%"
height="100%"
href={{uri : 'http://images.fonearena.com/blog/wp-content/uploads/2013/11/Lenovo-p780-camera-sample-10.jpg'}}
clipPath="url(#clip)"/>
</Svg>
Вот пример, на который я ссылался: https://github.com/react-native-community/react-native-svg#image для части изображения (примечание: в теге SVG используется настраиваемый тег изображения native-react-svg), но он поддерживает только локальные изображения.
Я попытался копнуть глубже и обнаружил, что он использует функцию resolveAssetSource, которая, вероятно, помогает загружать только локальные изображения. Но я не мог это исправить.
Кто-нибудь знает, что можно сделать, чтобы эта работа работала?
require('../localimage.jpg')
? Я проверил - person bennygenel   schedule 09.09.2017