Props should be defined for stack

[megazoid84]

Hi. Thanks for your work. I have a small trouble shortly described in subject. When I add

import Home from './Home'

const scenes = Actions.create(
  <Scene key="modal" component={Modal}>
    <Scene key="root" hideNavBar={true}>
      <Scene key="home" component={Home} title="Replace" type="replace"/>
    </Scene>
  </Scene>
);

Inserting source code above give me the next error

What did I do wrong?

[Froelund]

I have the same issue:

• react-native-router-flux: 3.1.3
• react-native: 0.22.2

[Froelund]

It looks like that the input for Router -> handleProps has changed.
The first element of props.children is an array. Previously I believe those were React components.

[Froelund]

In my case it was because I still used Route instead of Scenes.
https://github.com/aksonov/react-native-router-flux#important-breaking-changes-comparing-with-2x-version

[megazoid84]

@Froelund can you describe your case in details? What did you do wrong?

[timzaak]

Do you have writen <Router scenes={scenes} />?

[megazoid84]

@timzaak yes, of course

import Home from './Home'

const scenes = Actions.create(
  <Scene key="modal" component={Modal}>
    <Scene key="root" hideNavBar={true}>
      <Scene key="home" component={Home} title="Replace" type="replace"/>
    </Scene>
  </Scene>
);

class App extends React.Component {
    render() {
        return <Router scenes={scenes} sceneStyle={{backgroundColor:'#F7F7F7'}}/>;
    }
}

This code generate the error given above.

[aksonov]

Where are Actions, Scene imports?

Pavel.

22 марта 2016 г., в 09:00, Denis Baranovskyi notifications@github.com написал(а):

@timzaak yes, of course

import Home from './Home'

const scenes = Actions.create(





);

class App extends React.Component {
render() {
return <Router scenes={scenes} sceneStyle={{backgroundColor:'#F7F7F7'}}/>;
}
}
This code generate the error given above.

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub

[megazoid84]

@aksonov it's a full source code of App.js that gives the error:

import React, { Component, PropTypes } from 'react-native'
import {Scene, Router, Switch, TabBar, Modal, Schema, Actions} from 'react-native-router-flux'
import Home from './Home'

const {
  Platform,
  StyleSheet,
  Text,
  View,
} = React

const scenes = Actions.create(
  <Scene key="modal" component={Modal}>
    <Scene key="root" hideNavBar={true}>
      <Scene key="home" component={Home} title="Replace" type="replace"/>
    </Scene>
  </Scene>
);

class App extends React.Component {
    render() {
        return <Router scenes={scenes} sceneStyle={{backgroundColor:'#F7F7F7'}}/>;
    }
}
export default App

And source code of Home.js

import React from 'react-native'
const {View, Text, StyleSheet} = React;
const Button = require('react-native-button');
const Actions = require('react-native-router-flux').Actions;

class Home extends React.Component {
    render(){
        return (
            <View style={styles.container}>
                <Text>Replace screen</Text>
                <Button onPress={Actions.pop}>Back</Button>
            </View>
        );
    }
}
module.exports = Home;

If I comment Router & Scenes parts - application starting to build normally.

[aksonov]

Sorry, i can't reproduce and see Launch screen normally (after fixing missed styles where is not declared in your example). Try to add console.log(Router, Scene), something wrong with your dependencies.

[KBLNY]

For me, I didn't replace name property by key in the variable I used in my` like :

var myRoute = {
   key: 'myRoute',
   component: MyComponent,
   title: 'My Route'
};

<Scene key={myRoute.name} title={myRoute.title} component={myRoute.component} />

[shivangbtech]

getting same error :
'props should be defined for stack'
while using sample:
https://github.com/efkan/rndrawer-implemented-rnrouter

[aksonov]

@shivangbtech Always write your version of RNRF. i guess that example depends from v2 version.

[shivangbtech]

I recently install :

react-native-router-flux@3.22.1 ../node_modules/react-native-router-flux
├── react-native-tabs@1.0.5
└── assert@1.3.0 (util@0.10.3)

[aksonov]

That is why you have got the error.... Are you sure that example could use this version? author said that it depends from v2.