我通过launchoptions
在Android中设置一个简单的道具,从Android Native发送数据到React native。
我成功地能够在react-native模块中接收到初始道具,但是现在我正在使用StackNavigator
这样:
const RootStack = createStackNavigator(
{
home: Details,
genre: Genre,
},
{
initialRouteName: 'home',
}
);
const AwesomeProject = createAppContainer(RootStack);
export default AwesomeProject;
现在我无法在HomeScreen的构造函数中使用我的Prop
。如何将我的初始道具传递到home
屏幕?
我使用的react-native版本是0.58.4
这是React-Native中的完整代码:
import {
createStackNavigator,
createAppContainer
} from 'react-navigation';
import Genre from './app/Genre';
import Details from './app/Details';
const RootStack = createStackNavigator(
{
home: Details,
genre: Genre,
},
{
initialRouteName: 'home',
}
);
const AwesomeProject = createAppContainer(RootStack);
export default AwesomeProject;
这是Android代码:
@Override
protected ReactActivityDelegate createReactActivityDelegate() {
return new ReactActivityDelegate(this, getMainComponentName()) {
@Nullable
@Override
protected Bundle getLaunchOptions() {
Bundle bundle = new Bundle();
String str = MainActivity.getMovieID();
bundle.putString("movie_id", str);
return bundle;
}
};
}
我的问题与这个完全相同:https://github.com/react-navigation/react-navigation/issues/634
但问题是用户给出的解决方案是旧版本的反应,而在新的react-navigation-3
中,您必须直接设置您的应用容器,因此他的解决方案不起作用。
请帮忙。
最后得到它的工作,并成功地能够从本机android发送initialProps
到react-native的StackNavigator
的第一个场景,如下所示:
const StackNavigator = createStackNavigator(
{
home: {screen: Details},
genre: {screen: Genre},
},
{
initialRouteName: 'home',
}
);
const RootStack = createAppContainer(StackNavigator)
export default class AwesomeProject extends Component {
constructor(props){
super(props)
}
render() {
return <RootStack screenProps={this.props.movie_id} />;
}
}
根据该文件,您可以为您的路线定义params