2017-07-20 10 views
0

私はこのside menuをあなたのアンドロイドアプリケーションに実装しようとしています。私はそれをクラスに入れてセミコロンを追加することで修正しようとしましたが、アプリケーションを起動するたびにクラッシュします。ここ私のアプリケーションに反応ネイティブのサイドメニューを追加する(反応ネイティブ要素から) - 起動時にアプリケーションクラッシュ

は私の完全なコードです:

PS:私のエディタ(Visual Studioのコード)は、ライン24(onSideMenuChange (isOpen: boolean) {)でエラーを指摘するが、私はこのラインと間違っているいただきましたわかりません。

import { SideMenu, List, ListItem } from 'react-native-elements'; 
    import { 
     AppRegistry, 
     StyleSheet, 
     Text, 
     View 
    } from 'react-native'; 

    export default class myApp extends Component { 
     constructor() { 
     super(); 
     this.state = { 
     isOpen: false 
     }; 
     this.toggleSideMenu = this.toggleSideMenu.bind(this); 
     } 

     onSideMenuChange (isOpen: boolean) //error: [js] 'types' can only be used in a .ts file.    
     { 
      this.setState({ 
      isOpen: isOpen 
      }); 
     }; 

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

     render() { 
      const MenuComponent = (
      <View style={{flex: 1, backgroundColor: '#ededed', paddingTop: 50}}> 
       <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} 
       onChange={this.onSideMenuChange.bind(this)} 
       menu={MenuComponent}> 
       <App toggleSideMenu={this.toggleSideMenu.bind(this)} /> 
      </SideMenu> 
     ); 
     } 
     } 


    AppRegistry.registerComponent('myApp',() => myApp); 

答えて

1
onSideMenuChange (isOpen: boolean) //error: [js] 'types' can only be used in a .ts file.    
     { 
      this.setState({ 
      isOpen: isOpen 
      }); 
     }; 

ここコロン不要で、ラインonSideMenuChange(いるisOpen)からコロンを削除ADNそれが

に動作します
関連する問題