Open jjdp opened 7 years ago
My guess is that the styling of your Image
element is wrong, can you provide relevant code snippets?
im using it on as an image in navbar from react-native-router-flux. just basic width and height on my case.
here are the default styles from the source:
header: {
backgroundColor: '#EFEFF2',
paddingTop: 0,
top: 0,
...Platform.select({
ios: {
height: 64,
},
android: {
height: 54,
},
}),
right: 0,
left: 0,
borderBottomWidth: 0.5,
borderBottomColor: '#828287',
position: 'absolute',
},
backButton: {
height: 37,
position: 'absolute',
...Platform.select({
ios: {
top: 22,
},
android: {
top: 10,
},
}),
left: 2,
padding: 8,
flexDirection: 'row',
},
rightButton: {
height: 37,
position: 'absolute',
...Platform.select({
ios: {
top: 22,
},
android: {
top: 10,
},
}),
right: 2,
padding: 8,
},
leftButton: {
height: 37,
position: 'absolute',
...Platform.select({
ios: {
top: 20,
},
android: {
top: 8,
},
}),
left: 2,
padding: 8,
},
It looks like this when used as a source object:
Icon.getImageSource('more-vert', 18, 'white').then((source) => this.setState({ moreIcon: source }));