navTransparent Does not work

[ghost]

No description provided.

[diegocouto]

Hey, @Paloman! Are you able to reproduce this on the example project? The more details you share, the easier it gets to help you. 😄

[ghost]

Hi @diegocouto it worked on the example, but throughs an error in my project...

[ghost]

import React from 'react';
import { Scene, Router, Actions, Reducer, ActionConst } from 'react-native-router-flux';
import LoginForm from './components/auth/LoginForm';
import NameSignup from './components/auth/signup/Name';
import UsernameSignup from './components/auth/signup/Username';
import BirthdaySignup from './components/auth/signup/Birthday';
import VerificationSignup from './components/auth/signup/Verification';

const RouterComponent = () => {
return (
<Router sceneStyle={{ paddingTop: 65 }}>

<Scene
key="login"
component={LoginForm}
hideNavBar
sceneStyle={{ paddingTop: 0 }}
/title="Please Login"/
/>

<Scene
key="signup"
//hideNavBar
navTransparent
sceneStyle={{ paddingTop: 0, back: true }}
leftButtonImage={backButtonLogo}
onLeft={() => Actions.pop()}
//back={true}
>
<Scene
key="NameSignup"
component={NameSignup}
//title="NameSignup"
sceneStyle={{ paddingTop: 0 }}
initial
/>
<Scene
key="UsernameSignup"
component={UsernameSignup}
//title="UsernameSignup"
sceneStyle={{ paddingTop: 0 }}
/>
<Scene
key="BirthdaySignup"
component={BirthdaySignup}
//title="BirthdaySignup"
sceneStyle={{ paddingTop: 0 }}
/>
<Scene
key="VerificationSignup"
component={VerificationSignup}
//title="VerificationSignup"
sceneStyle={{ paddingTop: 0 }}
/>


<Scene
onRight={() => Actions.employeeCreate()}
rightTitle="Add"
key="employeeList"
component={EmployeeList}
title="Employees"
initial
/>




);
};

export default RouterComponent;

[ghost]

See it doesn't make the navbar transparent..... how do I update to beta 12? @diegocouto

[ghost]

[aksonov]

Issue was created without details (version, etc.) As I see it could be even not v4 (Scene's doesn't contain root scene). Please use v4.

[adaerodriguez]

Hi, I still have the same problem in versión "react-native-router-flux": "4.2.0". If I put navTransparent={true}, the content of the scene appear behind the navBar. Could you reopen the issue and put an example of how solve this problem @aksonov?