反應原生側菜單不工作

我正在嘗試使用react-native-sidemenu https://github.com/react-native-community/react-native-side-menu 我的代碼如下所示。沒有錯誤，甚至輸出相互重疊反應原生側菜單不工作

var list = [{name: "komaldeep", subtitle: "dssdfds", avatar_url:"sadasdsa" }]; 

    export default class First extends Component { 

     constructor(props) { 
      super(props); 
     this.state = { 
      isOpen: false, 
     }; 
     this.toggleSideMenu = this.toggleSideMenu.bind(this); 
    } 



toggleSideMenu() { 
    this.setState({ 
     isOpen: !this.state.isOpen 
    }) 
} 

render() { 
    //menu list `enter code here` 
    const MenuComponent = (
     <View style={{flex: 1, backgroundColor: '#ededed', paddingTop: 200}}> 
      <List containerStyle={{marginBottom: 20}}> 

       { 
        list.map((l, i) => (

         <ListItem 
          roundAvatar 
          onPress={() => console.log('Pressed')} 
          avatar={l.avatar_url} 
          key={i} 
          title={l.name} 
          subtitle={l.subtitle} 
         /> 
        )) 
       } 

      </List> 
     </View> 
    ) 


    return (

     <SideMenu 
      isOpen={this.state.isOpen} 
      menu={MenuComponent} > 

      //Menu Component just contain some random text 
      <Menu toggleSideMenu={this.toggleSideMenu.bind(this)}/> 

     </SideMenu> 

    ); 
    } 
}

你能不能指導我..我在做什麼錯..

輸出看起來像這樣 enter image description here

來源

2017-01-23 Komaldeep Chahal

原因菜單中的項目出現在屏幕右側，看起來在菜單之外，就是您的MenuComponent佔據了整個屏幕。將道具openMenuOffset={number}設置爲SideMenu並使用相同的編號以您的MenuComponent的樣式設置width: number。

來源

2017-01-23 09:54:49 ArneHugo

反應原生側菜單不工作

回答

相關問題