React-Native: Code compiling correctly but screens are empty

126 views Asked by At

I am fairly new to react native and have been attempting to build a very simple registration app. Currently I have 2 screens running, the first landingscreen.js includes a button to prompt the first registration screen.

This screen works fine but its title shows as blank. (I am using react-navigator) Below is the screen and you can find the corresponding code here. enter image description here

On clicking the register here button the next screen is prompted which should show two fields an email and password field with the title "Let's create an account". As you can see below , all that works is the next button but I have no compilation errors. The code pertaining to this screen may be accessed here.

enter image description here

Any help or way pointing would be more than appreciated. Thanks,

J.

2

There are 2 answers

7
Paras Watts On BEST ANSWER

Change navigation(you have written navigtion) spelling

static navigationOptions= {
    title: "Let's make an account",
               }
1
Jake Xuereb On

The headers not being seen was solved as @Paras Watts noted by fixing a spelling mistake.

To get the fields to show I then put the jsx pertaining to the form in the same render as the navigation also changing any tags to view to stick to the format of jsx.