Reagieren Nativ: Erste Extra-graue Bar an der Spitze der UI

Question

Mein Code Repo ist:

https://github.com/samrao2/manager-4

Ich bin eine zusätzliche graue Menüleiste am oberen Rand bekommen und weiß nicht, wie dies loszuwerden . Meine Vermutung ist, dass dies passiert ist, weil ich eine zusätzliche Szene TAG in meiner Router.js Datei habe, aber ich musste das in die empfohlene Lösung setzen, this Problem mit this Lösung zu lösen.

Jetzt bekomme ich eine zusätzliche graue Leiste an der Spitze (über "Bitte Login" -Bar) von all meinen Bildschirmen, hat jemand irgendwelche Ideen?

Answer 1

Ahhhh, die Udemy natürlich .... es ist ein bisschen veraltet. React-Native-Router-Flux basiert nun auf React-Navigation, also musst du einen Stack hinzufügen. Nicht sicher, ob mein Code ‚best practice‘, aber das kümmert sich um die grauen Balken (es stapfte mich auch.)

<Router sceneStyle={{ paddingTop: 0 }}> 
    <Stack key="root" hideNavBar="true"> 
    <Scene key="auth"> 
     <Scene key="login" component={LoginForm} title="Please Login" /> 
     <Scene key="createUser" component={CreateUser} title="Create A New Account" /> 
     <Scene key="password" component={PasswordReset} title="Reset Your Password" /> 
    </Scene> 
    <Scene key="main"> 
     <Scene 
     onRight={() => Actions.employeeCreate()} 
     rightTitle="Add" 
     key="employeeList" 
     component={EmployeeList} 
     title="Employees" 
     initial 
     /> 
    </Scene> 
    </Stack> 
</Router> 

Es gibt ein paar mehr Szenen hier in meiner Auth Schlüssel, aber Sie sollten erhalten die Idee.