Hello guys I want to make a transparent border radius so I can achieve
This style. (The icons border is clipping the box)
Related
I want to draw a rectangle in react native with a black outline and transparent center. I am able to draw a rectangle but I am not able to make its center transparent. Here is an expo example of how I'm drawing a rectangle: https://snack.expo.dev/#melampus123/rectangle-drawing
and here is my desired image:
Just use ViewStyleProps in react-native.
I modified your example and commented here: https://snack.expo.dev/#pqv2210/rectangle-drawing
I'm trying to create this white gradient effect using react-native-linear gradient to look like this
But when I use this code
<LinearGradient colors={["rgba(255,255,255,1) 0%" ,"rgba(255,255,255,1) 50%", "rgba(255,255,255,0) 100%"]}>
there is a dark shadow that ruins the fuzz/blur effect, seen here. It's there is an underlying dark shade underneath it?
Problem : I have an image with zoom and pan attached. I need to draw rectangles over it.
What I have done : I created a Canvas as an overlay over the image and made rectangle the children of canvas. Everything works well with zoom and pan etc but if the user resizes my the window then the added rectangles starts moving from their places because the rectangle position is set with respect to top and left of canvas.
I am thinking of drawing rectangles over the image and overriding the render. Any suggestions how can I achieve it easily?
What should I do to the component Text from react-native, create a like this I draw on figma:
This text has a background white and a stroke black around...
I want to create a navigationbar like the one on the image
I know hot to make the 4 borders rounded but I need only the top borders to be rounded....
You could use an image with rounded corners at the top and square corners at the bottom.
Alternatively, check out this SO question.