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
Related
In the image above, I would like to know which library I can use to achieve the stories on the first screen and also, which library can I use to switch between the Current News, World News, and Politics. Also is there a way to put the status progress bar on the third screen? Thanks in advance!
to achieve the news tabs, you can use react-native-tab-view, it is highly customizable and highly reliable, the second screen is what we call the Two Layered UI and can be easily achieved by using the react-native-panhandler. The third screen is an example of the react-native-pager-view. There are lot of examples of these libraries as well as extensive documentations, All the best!
Is there any way to build this kind of behavior in react native (any chart library)
here I attached a sample gif file
You can check this line chart module of react native svg charts. Do let me know if this helps :)
rn-svg-chart
Try react-native-gifted-charts
The above chart can be easily created using this library.
Here's a very similar chart explained in the library's official documentation. You need to scroll down to near bottom of the page to find this chart.
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
I need to create an app using react native in both android and iOS and i'm still a newbie. So,now i need to implement a drawer like shown in the image above.I've already searched for an example or project that meets with my needs but too badly, i couldn't find anything suitable for me.So can you help me and thank you
http://2.bp.blogspot.com/-1_Fi6T2l1LY/VUfHyQlwenI/AAAAAAAAC8g/wkWN42gNaDw/s320/device-2015-05-04-101820_1.gif
You could use this library:
https://github.com/react-native-material-design/react-native-material-design
I think it can solve your problem
This RN starter has an example as well:
https://github.com/infinitered/ignite
You should not implement it from scratch yourself but instead you can use a starter project like this. If you want these animations on the drawer icon you can also check the Airbnb's Lottie.
How to implement the hamburger menu with react-native-paper:
https://callstack.github.io/react-native-paper/integrate-app-bar-with-react-navigation.html
https://medium.com/#mdeepikayadav029/side-menu-bar-after-login-screen-in-react-native-4cabee7ca2b0
At the time, this one worked for me (0.63.4). The others I found were from previous versions (0.45) and required a lot of adjustments regarding newer version implementations. No other extra files are needed except these ones after creating a unmanaged blank project:
App.js
LoginScreen.js
HeaderComponent.js
FirstScreen.js
SecondScreen.js
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.