undefined is not an object (evaluating 'this.props.navigator.push')
来源:互联网 发布:非诚勿扰php程序员视频 编辑:程序博客网 时间:2024/06/17 18:23
在通过navigator 进行页面跳转的过程中 一直报 这样的错误
先看程序入口文件index.android.js
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
TouchableHighlight,
Navigator,
} from 'react-native';
import Welcome from './Welcome';
class MyProject extends Component {
render() {
var defaultName = 'Welcome';
var defaultComponent = Welcome;
return (
<Navigator
//指定了默认的页面,也就是启动app之后会看到的第一屏,需要两个参数,name跟component
initialRoute={{ name: defaultName, component: defaultComponent }}
configureScene={(route) => {
//跳转的动画
return Navigator.SceneConfigs.FadeAndroid;
}}
renderScene={(route, navigator) => {
let Component = route.component;
if(route.component){
return <Component {...route.params} navigator={navigator} />
}
}} />
);
}
}
AppRegistry.registerComponent('MyProject', () => MyProject);
再看 第一个页面 欢迎页面:Welcome.js
import React, { Component } from 'react';
import {
Text,
View,
Navigator,
TouchableHighlight
} from 'react-native';
import Login from "./Login";
export default class Welcome extends Component {
constructor(props){
super(props);
this.state = {};
}
_onPress(){
let navigator = this.props.navigator;
Alert.alert('Button has been pressed!'+navigator);
if (navigator) {
navigator.push({
name:'Login',
component:Login
});
}
}
render() {
return (
<View>
<TouchableHighlight onPress={this._onPress.bind(this)}>
<TouchableHighlight onPress={this._onPress}>
<Text >此为欢迎页面 点击进入登录页面</Text> </TouchableHighlight> </View> ); }}
红色的代替蓝色的就可以解决此问题了
先看程序入口文件index.android.js
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
TouchableHighlight,
Navigator,
} from 'react-native';
import Welcome from './Welcome';
class MyProject extends Component {
render() {
var defaultName = 'Welcome';
var defaultComponent = Welcome;
return (
<Navigator
//指定了默认的页面,也就是启动app之后会看到的第一屏,需要两个参数,name跟component
initialRoute={{ name: defaultName, component: defaultComponent }}
configureScene={(route) => {
//跳转的动画
return Navigator.SceneConfigs.FadeAndroid;
}}
renderScene={(route, navigator) => {
let Component = route.component;
if(route.component){
return <Component {...route.params} navigator={navigator} />
}
}} />
);
}
}
AppRegistry.registerComponent('MyProject', () => MyProject);
再看 第一个页面 欢迎页面:Welcome.js
import React, { Component } from 'react';
import {
Text,
View,
Navigator,
TouchableHighlight
} from 'react-native';
import Login from "./Login";
export default class Welcome extends Component {
constructor(props){
super(props);
this.state = {};
}
_onPress(){
let navigator = this.props.navigator;
Alert.alert('Button has been pressed!'+navigator);
if (navigator) {
navigator.push({
name:'Login',
component:Login
});
}
}
render() {
return (
<View>
<TouchableHighlight onPress={this._onPress.bind(this)}>
<TouchableHighlight onPress={this._onPress}>
<Text >此为欢迎页面 点击进入登录页面</Text> </TouchableHighlight> </View> ); }}
红色的代替蓝色的就可以解决此问题了
0 1
- undefined is not an object (evaluating 'this.props.navigator.push')
- 【ReactNative】undefined is not an object(evaluating 'this.props.navigator')
- React Native 出现undefined is not an object (evaluating 'this.props.navigator')
- undefined is not an object (evaluating 'this.props.nav.push')的解决过程
- undefined is not an object(evaluating 'this._component.getScrollableNode')
- 在TabNavigator中使用Navigation报错undefined is not an object (this.props.navigation.navigate)
- undefined is not an object (evaluating 'dataSource.rowIdentities')
- [ReactNative]undefined is not an object (evaluating 'ImagePickerManager.showImagePicker')
- undefined is not a function (evaluating 'this.props.renderScene(route,this)')
- ReactNative报错:undefined is not an object(evaluating 'RCTCameraRollManager.getPhotos')
- React-Native 0.43.4 undefined is not an object (evaluating '_props[registrationName]') 正确的解决姿势
- 运行React Native示例出现null is not an object (evaluating 'this.state.text')
- React-native:Undefined is not an object
- 《React-Native系列》17、 RN中this所引起的undefined is not an object错误
- 《React-Native系列》17、 RN中this所引起的undefined is not an object错误
- null is an object evaluating 'this_onPress'
- React Native学习笔记-2:this.props.navigator undefined
- React Native开发坑之null is not an object (evaluating 'inst.componentWillReceiveProps')
- [Azure]使用Azure Powershell清理ASM模式下未使用的Disk和vhd
- ESP8266用virtualBox虚拟机编译ESP8266_NONOS_SDK教程
- scala的小笔记
- 材质 “Glow 效果” 的实现【UE4】
- c++常见笔试题(3)
- undefined is not an object (evaluating 'this.props.navigator.push')
- MyBatis 2.配置XML文件
- TextView实现高仿京东活动倒计时
- java中使用Json数据
- Windows下搭建ReactNative开发环境(Android)
- Zabbix自动添加Mysql多实例监控
- 服务器-华为RH2265 V2 / RH2285 V2 增加内存插法
- C++中STL迭代器的种类和简介
- WPF 打票机的程序