Custom curve in React Native - react-native

I want to make a custom curve in React Native. My objective is to do something like this:
I have been able to do this already:
I have done this with the following code :
Here's the present code
But i'm not being able to transform the design according to the first image. How can i do that?

Related

How to recreate photomath photoscaner in react native?

I'm trying to recreate photomath photoscaner in react native, and I cant find any simple solution that can "select" part of an image and crop it while using camera, and solution that can be resized at the same time. Do you have any suggestion on how to implement this?
Here is how it looks like:

Use image instead of map as background in react-native-maps

I've used ImageOverlay component provided by react-leaflet to use an image as a map. And then adding markers on it.
I want to implement something similar in react-native. I'm using react-native-maps library. It has the marker feature as in react-leaflet but I'm not able to use an image as background. It tried using overlay component provided by react-native-maps but it didn't work. Is there any way to implement it using react-native-maps or using any other library in react-native ?

How to get the color of a pixel React Native using expo

What I'm trying to do is to recognize the color of a pixel via expo-camera. I've used react-native-pixel-color but couldn't make it work. If someone has an example project I could look into I would really appreciate it.

Is there a way to use SVG animation based on SMIL in React Native?

I'm writing a mobile application using React Native, and we have a bunch of nice animations done in SVG, by using so-called SMIL commands inside this SVG(tags like "animate" etc).
I was trying to find a way to use those animations but to my knowledge none of the libraries that I was able to find(including react-native-svg, react-native-svg-animations) able to do that.
I also checked this link: https://react-svgr.com/playground/?native=true which claim to transform SVG code to JSX, and it said that:
"/* SVGR has dropped some elements not supported by react-native-svg: style, animate */"
Is there anyone who was able to find efficient way to run these animations on React Native?
Thanks in advance!

how to make slidebar in react native?

Im trying to make a music app by react-native. and I'm trying to make sound volume slide bar. and I just could not find any code source how to make one. It would be great if any one know how to make one. I wanna make something similar that I attached image in below.
The component you are looking for is called Slider in react native. It is provided by react-native library. You can import it and start using like this:
import { Slider } from 'react-native'