Code Monkey home page Code Monkey logo

Comments (6)

robtg4 avatar robtg4 commented on May 10, 2024

http://stackoverflow.com/questions/34417144/create-a-side-menu-home-page-with-react-native-navbar-react-native-router-flux

from react-native-starter-kit.

mcnamee avatar mcnamee commented on May 10, 2024

Hi there @robtg4
Take a look at the structure of the starter app, where everything routes/pushes/replaces through the same navigator, and this navigators sits on the same level as the SideMenu. Looking at your code snippet, you have the SideMenu inside the navigator - is that correct? If so, it's a different structure to the starter app.

Following the structure of the starter app should guide you to be able to have a single SideMenu through the App.

from react-native-starter-kit.

robtg4 avatar robtg4 commented on May 10, 2024

I think the problem that I'm having is that I can't seem to be able to create routes before the sidemenu. Like a login ans signup page that goes to the side menu frame after parse authentication. The reason that I believe this happens is because given the way the sidemenu app is set up, the navigator routes become nested if you put screens before the side menu app screens. What are your thoughts?

Everytime I route to the side menu screens by adding a sign in screen, it gives me an invariant navigator error.

from react-native-starter-kit.

mcnamee avatar mcnamee commented on May 10, 2024

Hi @robtg4

Yeah ok - the starter app does assume you've got a single navigator. Unfortunately I'm not familiar enough with the other frameworks you're using, to give guidance on combining them with this one.

I did however do a similar thing with the starter app framework recently, where the initial route/splash screen simply covered (over the top of) the navbar, and the user could click login/signup. From there it operated as normal, where the signup or login screen was pushed to the stack, and clicking back would go back to the splash screen. I also had a 'skip login' button which just replaced the screen to another.

from react-native-starter-kit.

robtg4 avatar robtg4 commented on May 10, 2024

Would it be possible to put that as a repo up - minus any sensitive info? I
just can't seem to get the build with screens before the side menu lol,
it's halted my whole build I think your repo is the only complete side menu
out there
On Dec 27, 2015 3:21 AM, "Matt Mcnamee" [email protected] wrote:

Hi @robtg4 https://github.com/robtg4

Yeah ok - the starter app does assume you've got a single navigator.
Unfortunately I'm not familiar enough with the other frameworks you're
using, to give guidance on combining them with this one.

I did however do a similar thing with the starter app framework recently,
where the initial route/splash screen simply covered (over the top of) the
navbar, and the user could click login/signup. From there it operated as
normal, where the signup or login screen was pushed to the stack, and
clicking back would go back to the splash screen. I also had a 'skip login'
button which just replaced the screen to another.


Reply to this email directly or view it on GitHub
#2 (comment)
.

from react-native-starter-kit.

mcnamee avatar mcnamee commented on May 10, 2024

Sorry it's not really possible for this client.

It's really just a matter of styling a with margin top of 'negative the height of the navbar', height of the screen and background color as white. This view then sits over everything, so you can put login/signup buttons inside it.

from react-native-starter-kit.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.