I am new to react native with UWP, I installed react native windows and initialized a new project. The project contains the IOS, Android and windows folder. In the windows folder, it has a visual studio solution. When I run the App it opened me to a welcome screen. Now I want to create 2 page in UWP and navigate from one to another. I searched for it but I couldn't find any docs or tutorials. If someone knows where to find a tutorial on this plz help me.
I have tried to Develop the react-native app for Android,iOS and windows UWP also. I tried with react-navigation versions 3x and 4x. But its not working, because of react-native-gesture-handler. So i downgrade my react-navigation version as 2.18.3 in react-native version 0.59.10. Now its working fine for me. For react-navigation below 3x no need react-native-gesture-handler.
https://facebook.github.io/react-native/docs/navigation
You can use the same navigation provided by React-Native official docs. Or else you can use react-navigation package.
Related
I am new to react-native or you can say new to React and I am working on react-native navigation I have installed all the required libraries as instructed in https://reactnavigation.org/docs/getting-started but when I am running my code it is giving an error as '#react-navigation/native could not be found within the project or in this directories.' What should I do is there any way to get started with my code? Help me
If you have installed your app following the react native cli guide you might want to try running
gradle clean
in your android folder und then try to run your app in the emulator again.
On my first steps with react native I stumpled upon the same issue. :-)
I am trying to create an app using React Native that runs on iOS, Android, macOS and Windows. An advantage of being able to use React Native is that you can share code between platforms.
I am following the setup guides for React Native macOS and Windows, but in the guides, they guide you through creating a new app from scratch for each platform. As I want to use the same app, so I don't have to write the same code twice, I create the macOS app following the guide. Then, in this app, I use the command npx react-native-windows-init --overwrite from the Windows guide to initialise the Windows platform. But when I then go to run the macOS app using the command npx react-native run-macos, I get the error:
Cannot find module 'metro-config/src/defaults/exclusionList'
and
no bundle URL present
One thing I find strange about the setup guides is that for macOS it tells you to use React Native 0.63 and for Windows 0.66. I used 0.66 for both, maybe this is the problem. But if it is, and each platform requires different versions of React Native, how can I use the one app / codebase for both platforms? This goes against one of React Native's core premises:
Create platform-specific versions of components so a single codebase can share code across platforms.
Is it possible to create a single app for both desktop platforms like you would with iOS and Android, and if so, how?
Yes, you can. You will have to create a mono repo
Or you can use mono repo boilerplate. Here is a link to it
https://github.com/mmazzarolo/react-native-universal-monorepo
is there any wat to show in app navigation in react native
I found this https://medium.com/alameda-dev/installing-react-native-mapbox-navigation-in-ios-e35d43c5987a but what is solution for android?
If I understand your question correctly then the best way to create navigation in react native is use dedicated library: https://reactnavigation.org/
You can use this package and the documentation it is a Turn by turn navigation https://reactnativeexample.com/smart-mapbox-turn-by-turn-routing-based-on-real-time-traffic-for-react-native/
Bro this library is Perfectly fine for Both platform
https://github.com/homeeondemand/react-native-mapbox-navigation#readme
or you can install from my repo e.g
npm install #homee/react-native-mapbox-navigation#https://github.com/mirzahayat/react-native-mapbox-navigation.git
or
yarn add #homee/react-native-mapbox-navigation#https://github.com/mirzahayat/react-native-mapbox-navigation.git
for further guidance you can follow the library
I am trying to link my react native app with the iOS calendar. My app runs on expo and uses the react-native-calendar-strip. I've been searching to see how to make a start but not quite sure.Could you please guide me on how to do this?
below is the package that I used
https://github.com/BugiDev/react-native-calendar-strip
I am trying to find a dropdown related react-native package. I couldnt able to find any, which is compatible with both IOS and android devices.
So planning to use nativebase.io reactNative package.
Is it okay to use or do I face any problem?
Yes, You can use NativeBase with the expo.
Expo has its own Picker component you can use that as well which works on both platforms, Nativebase Picker is also dependent on this core module of react-native, So its recommended to use this one instead of installing a new UI lib only for Picker.
https://docs.expo.io/versions/latest/react-native/picker/