How to remove background of selected image in react native? - react-native

I want to get this kind of effect in React Native.
Such as removing background by touching screen, removing similar color point in one screen, and after select one point, moving finger here and there to remove the background.
Can I get this effect in react native?
If possible, which module should I use?

Related

How do you move the position of components like text in react native?

I'm coding in React Native and I want to move text positions and images without using bottom, top, left and right. These components only work for my screen only and will align incorrectly on other devices. Can someone show me how to move the components to custom positions on my app?
without seeing your code or how you are using it my first suggestion would be to try and use padding. But here's a list of layout props in React Native https://reactnative.dev/docs/layout-props

Is there an way to make a SectionList with Tabs inside a ScrollView?

I'm developing a mobile app with react native, and i'm stuck to make a Visualization like the Image.
I can't get it to work with the ScrollView (witch wraps everything) and the SectionList itself (with tabs).
I need the Tab navigation to stick on the Header while scrolling and continue the scrolling to the sections.
I'm using this library https://github.com/bogoslavskiy/react-native-tabs-section-list, but i can't get it to work.
Image
Have someone ever done this?

How can you make a movable frame over the content with React Native, while making it possible to click the content around it?

I'm looking for a solution, if possible a library or a custom component, for React Native, without Expo.
I need to create a video frame that is movable in the screen, up and down, and cover the content. I also need to make it possible to click on the content behind it.
Another difficulty is that I need it to stay up on all screens during navigation.
I first tried to use reanimated-bottom-sheet with some increments, but the content behind the bottom is not clickable. Also, to make it available on all screens I needed to put in at the same level as React Navigation's BottomTabNavigator and it covers the tab bar too even with a zIndex.
I also tried to use modals, but I'm relatively new to React Native and couldn't find how to make the background touchable as well as making it movable.
I guess I need to make a view with absolute positionning and learn Reanimated, unless you have a simpler idea?
Thanks

React native reanimated

I am trying to create a toggle player animation in react native, the same like Spotify, where when you press the miniPlayer , the full size player will show, my problem is that the fullSize Player View is transparent, and I can't seem to get the background of that view to render the proper color.
I created a snack since the original Project is huge and to better understand the issue:
https://snack.expo.io/#git/github.com/oflarcade/MPlayer
MiniPlayer
Full Size Player

Detect touch and draw rectangular box on bitmap image using react native

I've been looking for references for some time on how to draw rectangles in an image using react native, but I can not find anything.
What I try to do is something like the user touch on the screen to mark the start position, and move, and release on the end position. We have to keep displaying the updated square.
Example video
Code is available for native development using java. But I need it on react native.