Particles effect in react native - react-native

In the background of my react-native app, I'd want to add a particle effect
Something like this: particleJs
I can't find a package for this purpose
can anyone help?

Try this, it's not the exact same tho.
npm install react-native-particle-background

Related

Is it possible to track background location in React Native?

Is there good libraries to track location in the background react-native?
I see this one so far https://github.com/mauron85/react-native-background-geolocation
But it seems unsupported
Check this npm package react-native-background-geolocation
I hope it will be helpful.

Create a range slider in Expo

I have tried a lot of npm packages but it seems that none of them are compatible with Expo.
I am thinking of building a range slider by myself, but as far as I know, there is no range input component in react native.
What I need is something like this :
https://www.bypeople.com/wp-content/uploads/2019/11/css-js-range-slider.png
How can I achieve this ?
I am using expo version 5.4.12.
Try this
Here is an example of making custom range slider which is compatible with expo sdk
I think you can do this using a slider package (like react-native-multi-slider) and measure the location of the marker using React Native's measure. Combining these two tools you can create an element to be positioned above the marker every time the user interact with slider.

React Native syntax highlighting

I want to use syntax highlighting of code for my React Native app, but i can not find it. I have found syntax highlighting of code only for react, but not for React Native.
I want to find smt like this:
Let's say that i have html code that i want to highlight, how i can do this, without using render-html.
If you did not understand, this is syntax highlighting: https://pinetools.com/syntax-highlighter
And i need to have it for React Native. Is there any npm or yarn packages for this?
Help me please
Maybe react-native-syntax-highlighter?
GitHub link:
https://github.com/conorhastings/react-native-syntax-highlighter

How to make range-slider in react-native

*I want to use range-slider to compare two values.
I found a normal slider. I couldn't find good an NPM package for this*
This is what I want exactly:
npm install --save react-native-range-slider
Link :
range-slider
Unfortunately Android doesn't support this :( any suggestion about this ?
use this https://github.com/ptomasroos/react-native-multi-slider it has . Options to customize track, touch area and provide customer markers and callbacks for touch events.

Is there a way to build a slightly different app layout in react-native?

I need to build an app with little changes on layout like, logo, default colors, etc...
It's possible to acomplish that in react-native?
I think they call that product flavors on android world...
Yes it should be possible. A quick search turned up this article on git showing this exact functionality was worked on:
https://github.com/facebook/react-native/pull/6010
That being said, it looks as though the command is:
react-native run-android --flavor=free
Hope this helps!