The screen folder will hold you guessed it, our screens. Next create another folder in the 'src' called screens. ![]() Lets create a main screen that will be our home and holds the navigation drawer. Open up your comand line and run the below npm commands. Now before we go any further we should import necessary libraries. Can use Notepad++, Atom, Sublime or any of your choice. Open your project folder in a text editor. Also make sure you are on the same network as your computer. Expo can be downloaded on the App store and Play Store. Note: You can use Expo to launch the app on both IOS and Android. If all is well you should have a successful built project as shown below Next i create a new project by using the following line of code:Īfter complete lets navigate into our project folder NOTE: I assume you are already farmiliar with the concepts of react-native, react-native elements and all in general. When you are trying to decide if you need createDrawerNavigator or createStackNavigator in react and dont know which suits you best? Well how about both! This demo project will show how to make use of multiple navigation (that is having a createStackNavigator and createDrawerNavigator nested) to allow flexibility and customization. It is easy to implement navigation drawer (that is supported in both Android and IOS) but when it comes to some customizations, it isnt easy to find the right documentation online. ![]() So i encountered a little problem recently, perhaps because i am a newb at react-native.
0 Comments
Leave a Reply. |