Dough nut pie chart in react native android - react-native

I want to display a doughnut pie chart something like the following:
react-native-chart does not work for android while other solutions like react-native-chart-android don't work out of the box and require a little bit of setup to achieve this.Can someone suggest me the easiest way this can be done?

We have just used:
https://github.com/mskec/react-native-mp-android-chart
For a commercial react-native product (to make pie charts also), it is probably the most up-to-date android library for graphing and can easily be modified if needed. Highly recommend.

Related

showing mini graphs in listview react native

I need to show data in graphical representation like stock app in itunes.
There are many libs but I cant find one giving such functionalities.
Can Any body suggest how to implement.
Try using React-native-svg-charts
which you can control size and colors
here is an Example

What is meant by Flutter's widgets aren't really adaptive

I have been trying my hands for POC on an idea and trying to find languages which can support Mobile app development (Android/IOS) via single source code.
I zeroed on React-Native and Flutter.
What I found that for React-Native you still have to write code which is platform specific. Components need to be written differently for IOS and Android.
Then I looked in FLutter and I found that - "Flutter's widgets, however, while there are more of them, aren't really adaptive".
I am not able to understand it and what it means.
It would be really helpful if someone can help me with example or guide me to good reference.
In Flutter you have different sets of Widget Collection:
Material Widgets: Android-style
Cupertino Widgets: iOS-style
And lots of Widgets which aren't bound to one of those styles.
With this you are able to create a application looking like any style on any of the available platform. Therefore you can also have iOS-style Widgets on Android and vice versa.
If you want to have iOS Widgets on iOS and Android Widgets on Android, you'll have to create some conditional rendering, which decides wether to render iOS or Android components.
Sidenote: The Material-style Widgets look also really good on iOS. Also you can use a ton of other Widgets to create an UI in your own style.

react native mapbox use sdf icons

I am trying to implement a SymbolLayer where the icons have some data driven colour. The docs state that one can achieve this using sdf icons, however I can't quite seem to find any resources on how this should be done in practice in react native mapbox gl.
The only examples I could find online are for the Mapbox gl js web library. If anyone could share some knowledge, that would be greatly appreciated.
As of 8.0, sdf icons are not supported in #react-native-mapbox-gl/maps yet.
But 8.0 supports Images#onImageMissing, which lets you generate images on the fly.

React native scanning libraries

I am looking for react-native scanning libraries that provide features like cropping, a border on the UI, blur detection, edge detection out of the box. I did come across Scanbot SDK but I wanted to know if there is anything else in the market that I can compare with. I am looking to do something like what dropbox does with documents.
Thanks in advance!

React-Native Bar chart Customized

I am new to react-native. I need to place charts in my app (Bar, multi-line, multi-bar). What can be the best library to use and I want Bar chart with curvy edges not with the regular style. Thanks in advance.
Please see if below libraries are helpful
https://github.com/tomauty/react-native-chart
https://github.com/FormidableLabs/victory-native
https://github.com/wuxudong/react-native-charts-wrapper
https://github.com/capitalone/react-native-pathjs-charts