Voglio far funzionare i grafici interattivi nella mia app React Native. So che probabilmente non è ancora stata creata una libreria specifica React Native, ma quale libreria Objective-C/Swift/Javascript dovrei esaminare per permettermi di creare grafici che assomigliano a quelli generati da Chart.js?Chart.js equivalenti per React Native
risposta
Avrai voglia di guardare Obj-C e Swift, non JavaScript, credo. Le librerie JS esistenti verranno disegnate sul DOM, sul Canvas o su un altro target del browser che non sarà disponibile in React Native. Questo dovrebbe limitare un po 'il campo. Quindi per utilizzarlo direttamente da RN è necessario creare uno Native Module tra JS e Obj-C.
Quindi a quel punto si riduce a: "Che cos'è una buona libreria di catalogazione di iOS" e fortunatamente qualcuno ha già fatto il duro lavoro su quello over on this answer. Core Plot sembra abbastanza completo.
Potrei usare qualcosa di simile, https://github.com/lwansbrough/react- native-tela? Sto ancora pensando che non funzionerà per reagire nativo perché avrei bisogno di sovrascrivere la tela del grafico con questa tela nativa reattiva. Sto solo cercando di capire cosa è possibile e ragionevole. –
Vorrei andare per ART library del progetto nativo react.
Ecco uno chart example per ReactJS che è possibile adattare per reagire-nativo, osservando questi esempi React-native Art.
Inoltre, è probabile che si verifichi qualcosa con Chartist library che utilizza SVG per disegnare grafici e che ha uno reactjs component.
MODIFICA: A partire dalla versione 0.18rc, React-Native supporta anche ART library for Android.
http://fraserxu.me/react-chartist/ sembra promettente. Sai se questo dovrebbe essere compatibile con la reazione nativa? Non capisco come determinare la compatibilità con nativo reattivo. Nella mia esperienza, se non ha il prefisso "react-native- *", non funzionerà. (Sono un newbie Javascript e react-native) –
react-chartist è scritto per il browser, quindi non compatibile con react-native (non ho provato ma dovrebbe funzionare in una webview). Per disegnare un grafico "nativo", tutta la logica di disegno deve essere scritta ... – Sulliwane
Grazie a @Sulliwane. Darò una prova webview + react-chartist. Dovrebbe valere la pena investire nel tempo. Non riesco a trovare nessun componente grafico nativo reattivo che supporta * sia * Android e iOS. –
https://github.com/tomauty/react-native-chart è disponibile da un po '.
Anche se ciò potrebbe teoricamente rispondi alla domanda [sarebbe preferibile] (// meta.stackoverflow.com/q/8259) per includere qui le parti essenziali della risposta e fornire il link per riferimento. –
- 1. React Native per Mac
- 2. Nuovo progetto React Native con versione precedente di react native
- 3. React Native with Unity
- 4. React Native Android & Genymotion
- 5. setTimeout in React Native
- 6. React Native Linking SMS
- 7. zIndex in React Native
- 8. Elimina tastiera React-Native
- 9. Chiavi ListView native React
- 10. React Native - initialProperties Android
- 11. React Native Infinite Scroll
- 12. Supporto offline per React Native App
- 13. Come creare .IPA per React Native?
- 14. box-shadow: inset per react-native
- 15. React-native android Styling textInput
- 16. React Native con Firebase Authentication
- 17. React Native Touchable disabilita ScrollView
- 18. Spazio telefonico vs React Native
- 19. React Native vs Ionic 2
- 20. React Native scrolled ScrollView nidificato
- 21. Ridimensionamento immagine in React Native
- 22. Animazione backgroundColor in React Native
- 23. React Native ListView: Prepend Items
- 24. react-native: notifiche push + parsing
- 25. Visualizzazione modale in React Native
- 26. React Native Android Splash Screen
- 27. react-native: app: installDebug FAILED
- 28. React Native Listview lasciando spazio
- 29. React-Native: misura a View
- 30. react-native this.setState non funziona
Per la creazione di grafici in Reagire nativo e reagire, utilizzare Vittoria: https://formidable.com/open-source/victory/gallery –