Por lo tanto, estoy usando FlatList para representar los elementos del menú, pero por alguna razón las imágenes no se están representando, muestra este error al bundling failed: app\FileMenu.js: app\FileMenu.js:Invalid call at line 35: require(item.img). No sé por qué sucede esto, cuando la imagen se llama correctamente, realmente me vendría bien algo de ayuda.

 class FileMenu extends Overlay { constructor(props) { super(props, null, null) this.state = {visible: false, menuItems: [ { name:'Rename', img: './img/renameFile.png' }, { name: 'Move', img: './img/moveFile.png' } ]} } renderMenuItem({item, index}) { return <View style={styles.container}> <Text style={styles.items}>{item.name}</Text> <Image source={require(item.img)} style={{ width:'30%', height:'30%' }} > </Image> </View> } onBackdropPress() { this.setState({visible: false}) } render() { return <Overlay style={styles.overlay} isVisible={this.state.visible} onBackdropPress={this.onBackdropPress.bind(this)}> <FlatList data={this.state.menuItems} renderItem={this.renderMenuItem.bind(this)} keyExtractor={(item, index) => `${index}`}> </FlatList> <TouchableOpacity onPress={this.onBackdropPress.bind(this)} style={styles.button}> <Text>X</Text> </TouchableOpacity> </Overlay> } } export {FileMenu}