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
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!
For school, I have to make my first app with React Native. It's a family tree app; my teacher said it's the best choice to make that with all View-elements, even the lines between family members. But I think that won't ever be possible to calculate all distances perfectly.
Isn't there any other way to make this kind of app?
I think you are right and you need to take something like https://github.com/software-mansion/react-native-svg
With SVG you can draw shapes and arrows to connect your tree items.
For React exists a beautiful library called https://reactflow.dev. Unfortunately, it is a Web-only solution, but you can check how they render trees and repeat it in RN.
Also, read this article about storing tree data in JS https://medium.com/#iampika/javascript-trees-b8f3b4261c3a it should be helpful.
I used Highcharts on my project in mobile react native and found after trying to pinch-to-zoom on graph x-axis and y-axis are not refreshing to shows smaller x-coordinate numbers.
However when I used to work in Expo, it was properly worked and showing correct number during pinch-to-zoom.
Please advise if you ran into same issue and how you fixed it? I am guessing there should be an event needs to be trigger to refresh charts.
Tried to use Highcharts zoon feature on react native code for my graph, expecting to see smaller numbers of X and Y axis on graph after pinch-to -zoom
I have found, that you have already asked your question on Freshdesk, our support channel. In the future, please do not duplicate topics across our support channels, as we work as a single team of developers.
The React-Native package is deprecated, so that means, that we dropped support for that package, and it now is in hands of the community. If you need any support with this package, you can create an Issue in GitHub and might find some help there. Alternatively, you can try to search for some new package, which is not official. On the other hand, you can try to use methods, like chart.redraw (https://api.highcharts.com/class-reference/Highcharts.Chart#redraw) or chart.reflow (https://api.highcharts.com/class-reference/Highcharts.Chart#reflow) - they are responsible for redrawing/reflowing the chart, which will refresh the chart.
The problem
So, I am developing a react native application and I am facing the callenge of selecting multiple images from the user gallery. Just like apps like WhatsApp, Telegram, Twitter and even Reddit do. So with that in mind, i tried to use launchImageLibraryAsync from expo-image-picker but, as specified in their documentation, the "multiple selecion" of images is only supported on the web.
What I have thinked of
So, based on several searches, it seemed like i had to build my own "Gallery". To do this, so far i've tried to use #react-native-community/cameraroll and expo-media-library, but both of them requires that we pass the first property to the getPhotos (for #react-native-community/cameraroll) or to the getAssetsAsync (for expo-media-library) functions, which defines the first items to be fetched. This is a problem because I do not want to fetch like 20 items and then, when the user reaches the end of the list, it fetches more 20 items. I need something like this (this example is from Telegram). You can see that the app never stops me from scrolling, it goes all the way through my entire gallery.
What would also be nice
If you use reddit mobile, you can see that you can also select multiple photos using the several Apps like Google Photos, Files, Google Drive and so on.
This would be even nicer because I wouldn't need to implement a custom made Picker. Do you guys know how could I implement this?
OBS: I am using Expo with Bare Workflow, so I can use just about any package. I also opened a discussion at the Expo repo about it. You can check it here: https://github.com/expo/expo/discussions/15210.
Thank you in advance :)
I have been using this package called expo-images-picker check it out. It has similar function to what you need. It works in Mobile as well.
Link here
How I create a custom chart like this
with Titanium's Alloy elements (xml, tss, js - no SVG or canvas)? Any suggestion?
One approach which worked for me was the using of a webview and Google Charts.
I stored my "skeleton html page" as local asset, and inside it I wrote the minimum necessary javascript to get the json (from the controller) and to draw the chart.
I didn't need to show data offline so I directly linked the online library but I'm almost sure it's possible to use it offline too.
https://developers.google.com/chart/