React Native support #733
Replies: 9 comments 25 replies
-
|
I think that all of tradingview's charting solution are suitable for react-native. Here you can find an example for charting_library, I think that for lightweight-charts it would be similar or even simpler. |
Beta Was this translation helpful? Give feedback.
-
I have integrated it using WebView using the HTML version. |
Beta Was this translation helpful? Give feedback.
-
|
Could you share your repo link with me? or how I can use in my react native project? |
Beta Was this translation helpful? Give feedback.
-
Sorry I can't share it. It is a work project. I just created an HTML file with the charting library in script tag and created it there. |
Beta Was this translation helpful? Give feedback.
-
|
ok could you share the HTML file with me? |
Beta Was this translation helpful? Give feedback.
-
|
@ahmad7744 Can't share that as well. I followed this tutorial. Here's a sample HTML file from it: https://tradingview.github.io/lightweight-charts/2d783e20a8f4da303bc398d9892da9a6.html |
Beta Was this translation helpful? Give feedback.
-
|
same situation here . i have signed up but can not find files to copy from the link you provided (https://github.com/tradingview/charting_library/) |
Beta Was this translation helpful? Give feedback.
-
|
To be honest I have no idea why you decided to ask your question in this repo since charting library and lightweight-charts are different products |
Beta Was this translation helpful? Give feedback.
-
|
so, how can i adjust lightweight chart library in react-native? |
Beta Was this translation helpful? Give feedback.
-
|
@Stackerr did you try your steps? I'm not familiar with react-native so if you are please give it a try. Also you can look at https://github.com/tradingview/charting-library-examples/tree/master/react-native for example of using charting library with react-native, probably with lightweight-charts it should be simpler. |
Beta Was this translation helpful? Give feedback.
-
|
@Stackerr Could you get it to work? |
Beta Was this translation helpful? Give feedback.
-
|
Is there anyone who could integrate this charting library with react-native? If there is, could you give a guidance on how to integrate it? |
Beta Was this translation helpful? Give feedback.
-
We've just updated the examples and react-native was one of them. |
Beta Was this translation helpful? Give feedback.
-
|
@romfrancois Thanks for the update. Tried the new example. Working fine with those instructions. I can view TradingView. But I need lightweight charts in my use cases. The API in the docs are for HTML elements and Android/iOS native. Is there anyway to use this on React Native? |
Beta Was this translation helpful? Give feedback.
-
|
Hi Sarah,
Thanks for reaching out to me.
I am familiar with that and do you use skype?
live:.cid.afb279f10100e043 is mine.
If you wanna know, connect .
Btw, where are you based on?
…On Tue, Dec 6, 2022 at 8:04 AM Sarah Razanatsoa ***@***.***> wrote:
Is there anyone who could integrate this charting library with
react-native? If there is, could you give a guidance on how to integrate it?
I have tried the example at
https://github.com/tradingview/charting-library-examples/tree/master/react-native
but didn't work for me.
Thank you.
—
Reply to this email directly, view it on GitHub
<#733 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AY6PYCVMTM6WX2HPGEAG6UDWL42W7ANCNFSM432QSUOA>
.
You are receiving this because you commented.Message ID:
<tradingview/lightweight-charts/repo-discussions/733/comments/4322963@
github.com>
|
Beta Was this translation helpful? Give feedback.
-
|
One of the things you could consider trying to integrate this in React Native is to render the library inside a webview (that's basically what the ios/android wrappers do as well). Adding local html/css/js to a webview can be a cumbersome DX experience. But i found a way that seems to works really wel (still experimenting though). What i did:
Let me know if you have any questions |
Beta Was this translation helpful? Give feedback.
-
|
Hi @tomsnep Nice to meet you Best Regards, |
Beta Was this translation helpful? Give feedback.
-
|
I sent you message via telegram
…On Mon, Feb 13, 2023 at 1:23 AM Tom Snepvangers ***@***.***> wrote:
Hi @urmybestfriend <https://github.com/urmybestfriend> ,
Sure! Hit me up on telegram: @TTT8888svp
Cheers!
Tom
—
Reply to this email directly, view it on GitHub
<#733 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AY6PYCV4Q3Y3AQCWV6YFXHLWXHHM5ANCNFSM432QSUOA>
.
You are receiving this because you were mentioned.Message ID:
<tradingview/lightweight-charts/repo-discussions/733/comments/4953810@
github.com>
|
Beta Was this translation helpful? Give feedback.
-
|
Hello ! , since you talked about it , can we implement TradingView with react native expo app without using WebView ? |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
|
Unfortunately that's not on our roadmap for now as there's only a handful of requests. If you were to successfully achieve that we would be more than happy to inspect the code and credit you with your example online. |
Beta Was this translation helpful? Give feedback.
-
|
Could anyone run the lightweight charts library on React Native by using just WebView and not React bridge? |
Beta Was this translation helpful? Give feedback.
-
|
Yes it is possible, i've used react-native-react-bridge |
Beta Was this translation helpful? Give feedback.
-
|
I wanted a way without using React bridge. How is the performance using it? |
Beta Was this translation helpful? Give feedback.
-
|
Performance and DX is good. It works really well in my opinion. Sending messages from Webview back to RN context is pretty fast |
Beta Was this translation helpful? Give feedback.
-
|
Ok thanks man! |
Beta Was this translation helpful? Give feedback.
-
I would like to ask you if you are providing any react-native solution for mobile apps.
Please do help if any TradingView library available for react-native which I can use for mobile app development.
Beta Was this translation helpful? Give feedback.
All reactions