I’m trying to make Expo Video circular by clipping the outer edges, what I did was wrap it in a view with a border radius however the video seems to go over the view and is still always rectangular, I even applied a borderRadius style to the video component and this radius showed however the video component was still dangling outside this radius.
How do I make this work please?
<View
style={{
height: 40,
width: 40,
borderRadius: 20,
borderWidth: 1.5,
borderStyle: 'solid',
borderColor: 'white',
flex: 1,
marginBottom: 15
}}
>
<Video
source={{ uri: like.picture.data.url }}
isLooping
resizeMode='cover'
style={{
height: 40,
width: 40,
borderRadius: 20
}}
/>
</View>