Error when importing react-native image-button #4
Description
I get the following error message when importing react-native image button. I have installed and linked to React Native.
Any help would be appreciated as I would really like to use this button.
import React, { Component } from 'react';
import { AppRegistry, StyleSheet, View, FlatList, Image, TouchableHighlight} from 'react-native';
import { TabNavigator, StackNavigator } from 'react-navigation';
import ImageButton from 'react-native-img-button';
import { Container, Content, Header, Left, Body, Right, Button, Icon, Title, Text, List, ListItem, Thumbnail } from 'native-base';
import Realm from 'realm';
class identifyWizard extends React.Component {
constructor(){
super(props);
}
static navigationOptions = {
tabBarLabel: 'Identify Wizard',
tabBarIcon: ({ tintColor }) => (
<Image
source={require('./assets/identify.png')}
style={[styles.icon, {tintColor: tintColor}]}
/>
),
};
onPressButton() {
console.log("Pressed!");
}
render() {
return(
<Container>
<Header style={styles.header}>
<Left>
</Left>
<Body>
<Title>Identify Wizard</Title>
</Body>
<Right>
</Right>
</Header>
<ImageButton
style={ styles.btn }
appearance={ {
normal: require("./assets/smooth.png"),
highlight: require("./assets/smoothGreen.png")
} }
onPress={ this.onPressButton }/>
</Container>
);
}
}