Sono nuovo a React JS
. Sto cercando di creare un'applicazione web che dovrebbe funzionare anche su dispositivi mobili (Android e IOS), quindi ho pensato di utilizzare react js
per web application
e ho creato alcuni componenti. è quindi possibile utilizzare il componente React js
in React native
.Come riutilizzare il componente React JS in React Native
risposta
È opportuno pianificare in anticipo. Il 100% di corrispondenza tra JS e Native non sarà possibile, ma con un'attenta pianificazione, potresti riuscire a riutilizzare un buon affare.
Si consiglia di dare un'occhiata al progetto React Native Web che rispecchia i componenti specifici nativi per il Web (ad esempio Vista, Immagine, Testo, ecc.).
Suggerisco di creare un semplice prototipo in React JS e quindi in React Native in modo da ottenere una certa comprensione delle differenze nei due ecosistemi. Avere un mani su esperienza si rivelerà più vantaggioso rispetto a qualsiasi writeup :)
ReactNative è un insieme di veri e propri componenti nativi come View
, TextInput
TouchableHighlight
e more. È anche una piattaforma che ti permette di eseguire codice javascript per controllarli.
Non c'è una visualizzazione Web come in Cordova, quello che ottieni è un'app nativa con viste native.
Ma ciò significa che è possibile avere ancora una parte o la logica del dominio scritta in JS, che è possibile utilizzare nello stesso modo nell'app Web.
Ad esempio, si dispone di una schermata di accesso per iOS, ma tutte le cose necessarie per le chiamate al server possono essere inserite in un modulo separato, ad es. api/auth.js
, che è condivisibile tra web, ios, android, iot .. cosa mai.
- 1. Come ottenere il componente "FameLayout" in React Native?
- 2. React-Native - navigazione personalizzata con componente Navigator
- 3. Chiavi ListView native React
- 4. React Native - initialProperties Android
- 5. setTimeout in React Native
- 6. zIndex in React Native
- 7. Come rimuovere o smontare un componente in React Native?
- 8. Componente non esegue il rendering all'interno di NavigatorIOS - React Native
- 9. Nuovo progetto React Native con versione precedente di react native
- 10. React Native Android & Genymotion
- 11. React Native Linking SMS
- 12. react-native: notifiche push + parsing
- 13. Elimina tastiera React-Native
- 14. Visualizzazione modale in React Native
- 15. React Native with Unity
- 16. Larghezza schermo in React Native
- 17. Ridimensionamento immagine in React Native
- 18. React Native Infinite Scroll
- 19. Animazione backgroundColor in React Native
- 20. React Native per Mac
- 21. Differenza tra componente React e React Element
- 22. React Native Touchable disabilita ScrollView
- 23. React Native Listview lasciando spazio
- 24. Aggiunta azione/interno condivisione in React Native
- 25. Componente dell'interfaccia utente nativa di dimensioni dinamiche per React Native
- 26. Collegamento della mappa in React Native
- 27. react-native: app: installDebug FAILED
- 28. Come utilizzare Jest con React Native
- 29. react native - previsto una classe componente, ottenuto [oggetto oggetto]
- 30. Come testare i componenti React Native