3

我用过 react-native-drawer 。我将侧面菜单文件分开并将其导入主文件。我想在侧面菜单文件中编写点击功能。当我单击第一项时，它给了我这个错误。图片

我该如何解决这个问题，我认为它的嘲笑子组件错误。这是我的侧面菜单文件代码

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>

    )
};
}
4

2 回答 2

0

我得到了解决方案，我将 NativeBase 用于 ui 的东西，所以可触摸在原生 listItems 中不起作用，所以我像这样使用原生 BAse 的按钮

<ListItem Button onPress={() => this.asad(this.props) }  >
    <Right>
      <Text style={{color:'white'}} > page</Text>
    </Right>
</ListItem>
于 2017-04-28T08:08:02.453 回答
0

NativeBase 提供帮助以在我们的应用程序中包含 Drawer

检查NativeBase 抽屉

于 2017-05-25T08:16:51.350 回答