millergregor / rne-cross-platform-example Goto Github PK
View Code? Open in Web Editor NEWA React Native Elements example app for android, iOS, and web that shares a single codebase
A React Native Elements example app for android, iOS, and web that shares a single codebase
Hi,
sorry i'm new to react native and a bit overhelmed about how to do to run app everywhere.
First i folowed the tutorial from Yannick Spark but when i tryed to include native elements and run npm run start-web i get the error unexpected token < . In the console all the js file are not wll interpreted (avatar.js and so on ....) .
So i found your project example but i don't know what to do to run it . Do i need to download it and follow step by step the tutoriel https://medium.com/@yannickdot/write-once-run-anywhere-with-create-react-native-app-and-react-native-web-ad40db63eed0 Once again ?
I will be grateful for your help i'm completly lost with expo, web and everything. I tryed to configure my project since 2 or 3 weeks i'm going crazy :)
I've tested your implementation and it works perfectly. Now, I was wondering if it would be possible to have that same aproach with NextJS. They have a number of pre-shaped things including babel, webpack and others.
PS. I'm interested in react-native-elements.
I'm new to NextJS, but so far everything I've explored from them made me like it.
I tried to formulate something with your configs but I always have some problem or another. See the example below - it's the last alley I got stuck.
ref: https://github.com/zeit/next.js/tree/canary/examples
more refs:
vercel/next.js#858 (comment)
https://spectrum.chat/thread/e055ef10-ea2f-4de6-8041-b4a2ca2f5e39
examples with RNW:
https://github.com/aligos/next-rnw
https://github.com/zeit/next.js/tree/canary/examples/with-react-native-web
Cheers
Error: Cannot find module 'ViewPropTypes'
at Function.Module._resolveFilename (module.js:555:15)
at Function.Module._load (module.js:482:25)
at Module.require (module.js:604:17)
at require (internal/module.js:11:18)
at Object.get ViewPropTypes [as ViewPropTypes] (/Volumes/HSierraDados/Dev-2018/PWA/AppPWA/node_modules/react-native/Libraries/react-native/react-native-implementation.js:119:32)
at Object.<anonymous> (/Volumes/HSierraDados/Dev-2018/PWA/AppPWA/node_modules/react-native-elements/src/config/ViewPropTypes.js:3:23)
at Module._compile (module.js:660:30)
at Object.Module._extensions..js (module.js:671:10)
at Module.load (module.js:573:32)
at tryModuleLoad (module.js:513:12) code: 'MODULE_NOT_FOUND' }
{ Error: Cannot find module 'ViewPropTypes'
at Function.Module._resolveFilename (module.js:555:15)
at Function.Module._load (module.js:482:25)
at Module.require (module.js:604:17)
at require (internal/module.js:11:18)
at Object.get ViewPropTypes [as ViewPropTypes] (/Volumes/HSierraDados/Dev-2018/PWA/AppPWA/node_modules/react-native/Libraries/react-native/react-native-implementation.js:119:32)
at Object.<anonymous> (/Volumes/HSierraDados/Dev-2018/PWA/AppPWA/node_modules/react-native-elements/src/config/ViewPropTypes.js:3:23)
at Module._compile (module.js:660:30)
at Object.Module._extensions..js (module.js:671:10)
at Module.load (module.js:573:32)
at tryModuleLoad (module.js:513:12) code: 'MODULE_NOT_FOUND'
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.