트레이딩뷰(Trading View) 라이브러리 사용 이슈
사용하는 트레이딩 뷰라이브러리 공식 웹사이트 :
- 영어 : https://www.tradingview.com/HTML5-stock-forex-bitcoin-charting-library/
- 한글 : 업그레이드 플랜 및 특별기능 — TradingView
우리가 사용할 플랜 : Premium
-
위 웹사이트에서 결제 후 트레이딩뷰의 Repository(https://github.com/tradingview/charting_library/)의 Access 권한을 얻는다
-
TradingView의 Chart를 띄우는 예시 Repositroy :
https://github.com/tradingview/charting-library-examples/tree/master/react-native
Repository -> /react-native/app/ios.app.js or android.app.js
내부 코드를 보면 WebView 컴포넌트를 이용하여 style, source.. 등 props를 전달하여 차트를 띄우는 방식으로 구현되어있다.
-
/react-native/README.md 에 나와있는대로
android/app/src/main/assets에 Repository(https://github.com/tradingview/charting_library/)의 모든 파일들을 추가한다. -
npx react-native run-android
트러블 슈팅
Task :react-native-webview:generateDebugRFile FAILED
react-native/android/build.gradle에
하단의 allprojects 위에 def REACT_NATIVE_VERSION… 추가
하단의 allprojects에 configurations.all { … resolutionStrategy { force “com.facebook.react:react-native:” + REACT_NATIVE_VERSION 추가
예시코드)
def REACT_NATIVE_VERSION = new File(['node', '--print',"JSON.parse(require('fs').readFileSync(require.resolve('react-native/package.json'), 'utf-8')).version"].execute(null, rootDir).text.trim())
allprojects {
configurations.all {
resolutionStrategy {
// Remove this override in 0.66, as a proper fix is included in react-native itself.
force "com.facebook.react:react-native:" + REACT_NATIVE_VERSION
}
}
Task :app:installDebug FAILED
- What went wrong:
Execution failed for task ':app:installDebug'.
발생시 node 버전을 16.13.0으로 낮춰주면 해결
nvm을 사용해서 버전을 맞춰주었음
