Unable to navigate to Scene with Actions.key #2452

nikitph · 2017-10-02T17:36:19Z

Version

Tell us which versions you are using:

react-native-router-flux v4. latest
react-native v0.47.2

Expected behaviour

expect ACTIONS.KEY to take me to the necessary scene.

Actual behaviour

nothing happens. no errors i just stay stuck on the same scene.

Steps to reproduce

class NavigationRouter extends Component {
  render() {
    return (
      <Router>
        {/*<Scene key='drawer' component={NavigationDrawer} open={false}>*/}
          {/*<Scene key='drawerChildrenWrapper' navigationBarStyle={Styles.navBar} titleStyle={Styles.title}*/}
                 {/*leftButtonIconStyle={Styles.leftButton} rightButtonTextStyle={Styles.rightButton}>*/}
        <Stack key="root">

        <Scene key='Dashboard' component={Dashboard} hideNavBar/>
            <Scene key='SignUpDetailsScreen' component={SignUpDetailsScreen} hideNavBar/>
            <Scene key='ResetPasswordScreen' component={ResetPasswordScreen} hideNavBar/>
            <Scene key='SignUpScreen' component={SignUpScreen} hideNavBar/>
            <Scene key='LoginScreen' component={LoginScreen} hideNavBar/>
            <Scene initial key='WalkThroughScreen' component={WalkThroughScreen} hideNavBar/>
        {/*
        </Scene>
        </Scene>*/}
        </Stack>
      </Router>
    )
  }
}

export default NavigationRouter

and here is where i am calling it

 <RectangleButton
              onPress={()=>Actions.LoginScreen}
              text="LOGIN"
              type="primary"
              height={75}
              backgroundColors={['#BF9C65', '#CEA76A']}
              gradientStart={{ x: 0.5, y: 1 }}
              gradientEnd={{ x: 1, y: 1 }}
            >
            </RectangleButton>

i have tried these permutations of the onPress:
{() => Actions.LoginScreen}
{() => Actions.LoginScreen()}
{Actions.LoginScreen}

So thats not the problem. one gentleman solved this by going to v3. thats not working for me

The text was updated successfully, but these errors were encountered:

josiahstapleton · 2017-10-03T04:43:45Z

I am also getting this error. Can't navigate to another scene and no error is displayed. RN 0.48.3, react-native-router-flux 4.0.0-beta.21

mcabs3 · 2017-10-04T14:04:10Z

onPress={()=>Actions.LoginScreen} needs to be onPress={()=>Actions.LoginScreen()}

nikitph · 2017-10-04T14:42:20Z

Did you not read my bug report. I already said i tried all variations of function call in onPress. None of them are working. This bug should not be closed

…

On Wed, Oct 4, 2017 at 7:04 AM Miguel ***@***.***> wrote: Closed #2452 <#2452>. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#2452 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AExqBzCx-Iob0GmrHAgofYBrCO0rfIsmks5so5BkgaJpZM4Pq_EX> .

mcabs3 · 2017-10-04T14:43:48Z

you said you tried {ACTIONS.LoginScreen()}, that isn't the same as {() => Actions.LoginScreen()}

nikitph · 2017-10-04T14:46:56Z

"i have tried all permuatations of the call in bold ( {ACTIONS.LoginScreen}, {ACTIONS.LoginScreen()} etc" So yes your suggestion has been tried and it does not work.

…

On Wed, Oct 4, 2017 at 7:43 AM Miguel ***@***.***> wrote: you said you tried {ACTIONS.LoginScreen()}, that isn't the same as {() => Actions.LoginScreen()} — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#2452 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AExqB29BEl7KRIO-9msCWom9apoCUsxcks5so5mtgaJpZM4Pq_EX> .

mcabs3 · 2017-10-04T14:51:46Z

What Scene are you at trying to navigate to LoginScreen?

mcabs3 · 2017-10-04T14:54:26Z

I have updated your description of the problem to better explain your situation, please review it when you have a moment.

josiahstapleton · 2017-10-04T15:29:00Z

I also get this issue. Before it worked fine on React-native-router-flux 3.38. I then updated to the latest version of react-native-router-flux and now as mentioned in this open issue, I can't change scenes using ACTIONS.KEY. I tried with RN 0.48.3 and 0.48.4 and I get the same issue

karanwadhwa · 2017-10-04T17:13:07Z

I've been facing a similar issue.

      <Router>
      <Scene key="root" hideNavBar>

        {/* Authentication Bucket */}
        <Scene key="auth" >
          <Scene key="login" component={LoginForm} title="ManagerLogin" initial />
        </Scene>

        {/* Main Bucket */}
        <Scene key="main" >
          <Scene 
            rightTitle=" Add"
            onRight={() => Actions.AddEmployee()} 
            key="employeeList" 
            component={EmployeeList} 
            title="Employee List" 
            initial
          />
          <Scene key="addEmloyee" component={AddEmployee} title="Add Employee" />  
        </Scene>

         {/* Test Bucket */}
        <Scene key="moo" >
          <Scene key="add" component={AddEmployee} title="Add Employee" />  
          <Scene key="emp" component={EmployeeList} title="Employee" />
        </Scene>

      </Scene>
    </Router>

in the above code when I click on rightTitle it gives me the following error: `undefined is not a function (evaluating '_reactNativeRouterFlux.Actions.addEmployee()')

Case2:
when I call Action.key directly from the body like so:
<Text onPress={Actions.moo}>EmployeeList</Text>
it works perfectly and navigates to the first scene in the 'moo' scene.
but if i change it to <Text onPress={() => Actions.moo()}>EmployeeList</Text> it doesn't work

Case 2.1:
similarly, if I want to access the addEmployee nested within moo neither of the options below work:
<Text onPress={Actions.addEmployee}>EmployeeList</Text>
<Text onPress={() => Actions.addEmployee()}>EmployeeList</Text>

Case 3:
Actions.key() works fine in this scenario:
firebase.auth().signInWithEmailAndPassword(email, password) .then(user => { dispatch({ type: LOGIN_USER_SUCCESS, payload: user }); Actions.main(); })

P.S. i only get an error when i add Actions.key to onRight whereas there's simply no response in other cases.
I might be wrong and probably theres nothing broken in RNRF but i just cant seem to figure this out.

schlaegerz · 2017-10-06T20:13:08Z

I am having the same problem. Happened when I tried to move to the beta since 3.38 does not work on RN 0.49

aksonov · 2017-10-10T13:53:32Z

Please read docs for v4 - you should not have both component and children defined. Your 'Dashboard' is considered as child, not container.

karanwadhwa · 2017-10-10T15:23:36Z

hey @aksonov that doesn't solve my issue. I don't have component defined in my container.

aksonov · 2017-10-10T15:26:51Z

Do you mean wrongly typed Actions.AddEmployee() ?

karanwadhwa · 2017-10-10T17:18:47Z

AddEmployee is the component name while addEmployee is the key so Actions.addEmployee() should work but it doesnt.

aksonov · 2017-10-10T17:19:39Z

You tried another action staring with uppercase

…

10 окт. 2017 г., в 19:18, Karan Wadhwa ***@***.***> написал(а): AddEmployee is the component name while addEmployee is the key so Actions.addEmployee() should work but it doesnt. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

karanwadhwa · 2017-10-10T18:50:53Z

no i didnt. please refer to this

I've been facing a similar issue.

      <Router>
      <Scene key="root" hideNavBar>

        {/* Authentication Bucket */}
        <Scene key="auth" >
          <Scene key="login" component={LoginForm} title="ManagerLogin" initial />
        </Scene>

        {/* Main Bucket */}
        <Scene key="main" >
          <Scene 
            rightTitle=" Add"
            onRight={() => Actions.AddEmployee()} 
            key="employeeList" 
            component={EmployeeList} 
            title="Employee List" 
            initial
          />
          <Scene key="addEmloyee" component={AddEmployee} title="Add Employee" />  
        </Scene>

         {/* Test Bucket */}
        <Scene key="moo" >
          <Scene key="add" component={AddEmployee} title="Add Employee" />  
          <Scene key="emp" component={EmployeeList} title="Employee" />
        </Scene>

      </Scene>
    </Router>

in the above code when I click on rightTitle it gives me the following error: `undefined is not a function (evaluating '_reactNativeRouterFlux.Actions.addEmployee()')

Case2:
when I call Action.key directly from the body like so:
<Text onPress={Actions.moo}>EmployeeList</Text>
it works perfectly and navigates to the first scene in the 'moo' scene.
but if i change it to <Text onPress={() => Actions.moo()}>EmployeeList</Text> it doesn't work

Case 2.1:
similarly, if I want to access the addEmployee nested within moo neither of the options below work:
<Text onPress={Actions.addEmployee}>EmployeeList</Text>
<Text onPress={() => Actions.addEmployee()}>EmployeeList</Text>

Case 3:
Actions.key() works fine in this scenario:
firebase.auth().signInWithEmailAndPassword(email, password) .then(user => { dispatch({ type: LOGIN_USER_SUCCESS, payload: user }); Actions.main(); })

P.S. i only get an error when i add Actions.key to onRight whereas there's simply no response in other cases.
I might be wrong and probably theres nothing broken in RNRF but i just cant seem to figure this out.

renatofilipov · 2017-12-05T18:20:40Z

I also get the same issue... when I run the "demo app", it works. But when I import to my working (ejected) app, it doesn't.

Any hints?

Thanks!

jeomora · 2017-12-05T23:16:44Z

@karanwadhwa did you solve this?

renatofilipov · 2017-12-05T23:17:29Z

Yes, I have just solved it. Thanks! Em 5 de dez de 2017 18:16, "Jeovany" <notifications@github.com> escreveu:

…

@karanwadhwa <https://github.com/karanwadhwa> did you solved this? — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#2452 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AF_I2LLdXlKj4VUpcLOWNGnRx4uWdlXqks5s9c7igaJpZM4Pq_EX> .

gagantaneja · 2018-11-23T08:37:48Z

Running into exactly same issue . It ran smoothly for me earlier with the same code but when i created a new project with the same code, it stopped working on some places . Please do help.

gagantaneja · 2018-11-26T07:25:01Z

I also get the same issue... when I run the "demo app", it works. But when I import to my working (ejected) app, it doesn't.

Any hints?

Thanks!

Yes, I have just solved it. Thanks! Em 5 de dez de 2017 18:16, "Jeovany" notifications@github.com escreveu:
…
@karanwadhwa https://github.com/karanwadhwa did you solved this? — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#2452 (comment)>, or mute the thread https://github.com/notifications/unsubscribe-auth/AF_I2LLdXlKj4VUpcLOWNGnRx4uWdlXqks5s9c7igaJpZM4Pq_EX .

Can you please tell me how to solve this?

preetampatil3d · 2019-01-16T09:47:21Z

Any status on this issue?

gagantaneja · 2019-01-16T09:55:30Z

This is an issue with the latest update of the library. Trying adding both the scenes under the same parent scene. If both of them exist under different scenes. Try : Actions.parentKey; Actions.scene

preetampatil3d · 2019-01-16T11:09:58Z

It worked . .
Old code :
onPress={() => { Actions.map() }}
Modified code :
onPress={() => { Actions.menu();Actions.map() }}

Thanks lot @gagantaneja

hussein661 · 2019-07-11T13:43:59Z

use Actions.anotherPage instead of Actions.anotherPage()

sittes · 2019-09-21T15:34:31Z

eu não conseguir chamar a função do meu botão

nmhoan76 · 2020-12-28T13:57:59Z

use Actions.anotherPage instead of Actions.anotherPage()

thank a lot

mcabs3 closed this as completed Oct 4, 2017

mcabs3 changed the title ~~ACTIONS.KEY does not work.~~ Unable to navigate to Scene with Actions.key Oct 4, 2017

mcabs3 reopened this Oct 4, 2017

aksonov closed this as completed Oct 10, 2017

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Unable to navigate to Scene with Actions.key #2452

Unable to navigate to Scene with Actions.key #2452

nikitph commented Oct 2, 2017 •

edited by mcabs3

Loading

josiahstapleton commented Oct 3, 2017 •

edited

Loading

mcabs3 commented Oct 4, 2017

nikitph commented Oct 4, 2017 via email

mcabs3 commented Oct 4, 2017

nikitph commented Oct 4, 2017 via email

mcabs3 commented Oct 4, 2017

mcabs3 commented Oct 4, 2017

josiahstapleton commented Oct 4, 2017

karanwadhwa commented Oct 4, 2017 •

edited

Loading

schlaegerz commented Oct 6, 2017

aksonov commented Oct 10, 2017

karanwadhwa commented Oct 10, 2017

aksonov commented Oct 10, 2017

karanwadhwa commented Oct 10, 2017

aksonov commented Oct 10, 2017 via email

karanwadhwa commented Oct 10, 2017

renatofilipov commented Dec 5, 2017

jeomora commented Dec 5, 2017 •

edited

Loading

renatofilipov commented Dec 5, 2017 via email

gagantaneja commented Nov 23, 2018

gagantaneja commented Nov 26, 2018

preetampatil3d commented Jan 16, 2019

gagantaneja commented Jan 16, 2019

preetampatil3d commented Jan 16, 2019

hussein661 commented Jul 11, 2019

sittes commented Sep 21, 2019

nmhoan76 commented Dec 28, 2020

Unable to navigate to Scene with Actions.key #2452

Unable to navigate to Scene with Actions.key #2452

Comments

nikitph commented Oct 2, 2017 • edited by mcabs3 Loading

Version

Expected behaviour

Actual behaviour

Steps to reproduce

josiahstapleton commented Oct 3, 2017 • edited Loading

mcabs3 commented Oct 4, 2017

nikitph commented Oct 4, 2017 via email

mcabs3 commented Oct 4, 2017

nikitph commented Oct 4, 2017 via email

mcabs3 commented Oct 4, 2017

mcabs3 commented Oct 4, 2017

josiahstapleton commented Oct 4, 2017

karanwadhwa commented Oct 4, 2017 • edited Loading

schlaegerz commented Oct 6, 2017

aksonov commented Oct 10, 2017

karanwadhwa commented Oct 10, 2017

aksonov commented Oct 10, 2017

karanwadhwa commented Oct 10, 2017

aksonov commented Oct 10, 2017 via email

karanwadhwa commented Oct 10, 2017

renatofilipov commented Dec 5, 2017

jeomora commented Dec 5, 2017 • edited Loading

renatofilipov commented Dec 5, 2017 via email

gagantaneja commented Nov 23, 2018

gagantaneja commented Nov 26, 2018

preetampatil3d commented Jan 16, 2019

gagantaneja commented Jan 16, 2019

preetampatil3d commented Jan 16, 2019

hussein661 commented Jul 11, 2019

sittes commented Sep 21, 2019

nmhoan76 commented Dec 28, 2020

nikitph commented Oct 2, 2017 •

edited by mcabs3

Loading

josiahstapleton commented Oct 3, 2017 •

edited

Loading

karanwadhwa commented Oct 4, 2017 •

edited

Loading

jeomora commented Dec 5, 2017 •

edited

Loading