i have a problem with native-base and react-native-router-flux.
The Drawer wont open when i click on the menu in the top bar (on snack you see just a questionmark instead of the menu icon) and i don't know whats wrong with the code.
Could anyone help me with this or have a better example then the on on github?
Code is on Snack:
https://snack.expo.io/#snak3/test-with-native-base-drawer-and-native-router-flux
ok, i found the solution.
Look at the working Snack Example:
https://snack.expo.io/#snak3/test-with-native-base-drawer-and-native-router-flux
But i have to say that the documentation for react-native-router-flux is the worst i ever saw. Please if your read this here provide more examples and maybe with less stuff around and more comments!
Related
Hello fellow programmers, i wanted to ask how can i achieve different screen rendering based on input by the user. I have done it in one way but i want to know is there any better way to do?
Attached is the link to snack on expo. You can run it and see the code of how i have done it.
If there are better alternates, please let me know.
Thankyou.
please dont mark the question as duplicate before going throught it.
For better choice you can using react-navigation https://reactnavigation.org/docs/auth-flow/ This package work in Expo
The example you posted looks mostly like something I would use conditional rendering techniques for like the && syntax
See here for more guidance:
https://reactjs.org/docs/conditional-rendering.html
If your pages are dramatically different though (not just options flipping on and off) then I would recommend react navigation as giri commented.
Trying to make a splash screen for my react native app using this guide: https://medium.com/#appstud/add-a-splash-screen-to-a-react-native-app-810492e773f9
Trying to type this code in: Code image
and I'm getting errors. Could someone please explain what the "create:" and "inputs:" mean and why they're grayed out?
Thanks
They are the explanation of the code parts. You put the inputs where it says inputs. Create is the block that you put your code that you want effect to trigger. You can read the documentation about the react hooks so you will have a better grasp before you try to jump into using them; React hooks
This is my first attempt in react-native project, Does react-native-navigation have drawer inbuild? If so please share the documentation link please? Am confused to use react-navigation or react-native-navigation.
My requirement is all about navigation, drawer, tabber for screens.
Note: I need a native navigation to attract the users.
I used react-native-router-flux which have not much documentation but have quite good answers for all the workarounds. Also its not maintained now. SO indeed to select a new one.
For your first question, I should say that I always use react-Navigation and I like it. To hightlight one of my reasons I should say that "Being a JS-based navigator allows React Navigation to integrate smoothly with any of the third-party libraries, while RNN may suffer from libraries that are tightly coupled with native platforms or need to be wrapped around the whole app." You can check this link:
https://blog.logrocket.com/react-navigation-vs-react-native-navigation-which-is-right-for-you-3d47c1cd1d63/
For the drawer, I highly recommended this one, because it give you any option that you want and it is working perfectly on both iOS and android for me, while others always make troubles for me in one of mentioned platforms.
https://github.com/GeekyAnts/NativeBase-KitchenSink
Also if you want other elements and tools with a good performance, check this link:
https://react-native-training.github.io/react-native-elements/docs/overview.html
I hope I could help you.
I need to create an app using react native in both android and iOS and i'm still a newbie. So,now i need to implement a drawer like shown in the image above.I've already searched for an example or project that meets with my needs but too badly, i couldn't find anything suitable for me.So can you help me and thank you
http://2.bp.blogspot.com/-1_Fi6T2l1LY/VUfHyQlwenI/AAAAAAAAC8g/wkWN42gNaDw/s320/device-2015-05-04-101820_1.gif
You could use this library:
https://github.com/react-native-material-design/react-native-material-design
I think it can solve your problem
This RN starter has an example as well:
https://github.com/infinitered/ignite
You should not implement it from scratch yourself but instead you can use a starter project like this. If you want these animations on the drawer icon you can also check the Airbnb's Lottie.
How to implement the hamburger menu with react-native-paper:
https://callstack.github.io/react-native-paper/integrate-app-bar-with-react-navigation.html
https://medium.com/#mdeepikayadav029/side-menu-bar-after-login-screen-in-react-native-4cabee7ca2b0
At the time, this one worked for me (0.63.4). The others I found were from previous versions (0.45) and required a lot of adjustments regarding newer version implementations. No other extra files are needed except these ones after creating a unmanaged blank project:
App.js
LoginScreen.js
HeaderComponent.js
FirstScreen.js
SecondScreen.js
hey, I'm trying to make a accordion menu in Objective-C for a iPad app. The only thing I know is that I should look over core animation.
Couldn't find anything helpfull.
Can anyone help me ? at least give me a few pointers.
i am also trying to implement Accordion Menu for iPad.. i have been doing some research and found that this link is a good help...
http://www.deepinthecouch.com/iphone-sdk/accordion-uitableviews-programming-backwards
(Go here for the archived version)
i have tried putting in the codes in this blog to my project, but i kept getting some weird errors..
so instead, i am taking the concept and try to implement something myself...
if u get ur accordion menu work, do share it.. i will do the same... :)
[Update] : i have revisited the blog page again just now, and found that the author have added a new entry and added a piece of code that works...
Have a look
http://www.deepinthecouch.com/iphone-sdk/accordion-uitableviews