无法读取未定义的react-native属性'setNativeProps'

Question

我使用过反应原生抽屉。我保持侧面菜单文件分开，并将其导入主文件。我想在侧面菜单文件中编写点击功能。当我点击第一个项目时，它给了我这个错误。

我怎么能解决这个问题我认为它的模拟子组件错误。 这是我的侧面菜单文件代码

import React, { Component } from 'react';
 import {

  View,
StyleSheet,TouchableHighlight
} from 'react-native';
import { Content,Text,List, ListItem . 
,Header,Icon,Left,Right,Body,Button,Title} from 'native-base';
import StatusComponent from './StatusComponent';
 import Hr from 'react-native-hr';

  export default class SideBar extends Component{
 constructor(props){
  super(props);
  console.log(props)
  asad=this.asad.bind(this);
    }
 asad(){
  alert('gata rhe ');


}
render(){
    return(

 <View style={{backgroundColor:'#262626',flex:1,
position:'relative' ,top:62}} >

    <List>
    <ListItem  >
      <Right>

          <TouchableHighlight onPress={()=>this.asad(this.props)}>          

        <Text style={{color:'white'}} > main page</Text>
    </TouchableHighlight>

    </Right>
    </ListItem>

    <ListItem  >
      <Right>

          <TouchableHighlight >          

        <Text style={{color:'white'}} > secnd page</Text>
    </TouchableHighlight>

    </Right>
    </ListItem>



   </List>

  </View>

    )
};
}

Answer 1

我得到了解决方案，我使用NativeBase为ui的东西，所以可触摸不能在本机listItems工作所以我使用原生BAse按钮这样

<ListItem Button onPress={() => this.asad(this.props) }  >
    <Right>
      <Text style={{color:'white'}} > page</Text>
    </Right>
</ListItem>

Answer 2

NativeBase提供了在我们的应用中包含抽屉的帮助

检查NativeBase Drawer