将反应原生侧边菜单添加到我的应用程序(从反应原生元素) - 应用程序在启动时崩溃

Question

我一直在尝试在我的安卓应用程序中实现这个侧边菜单(在 react native 中(。我尝试通过将其放入类中并添加分号来修改它，但每次启动它时应用程序都会崩溃。

这是我的完整代码：

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);

Answer 1

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

这里不需要冒号，从侧边菜单更改 (isOpen( 上的行中删除冒号，它将起作用