Position icon next to input React Native

I'm having trouble positioning icon next to textInput , they always stay one below the other.

<View style={itemInput}>
    <Icon active name="person" style={iconInput} />
    <TextInput placeholder="Email" style={input} />
</View>

iconInput: {
    width: 30,
    flex: 1
},
itemInput: {
    borderColor: 'black',
    borderWidth: 1,
    marginTop: 10,
    justifyContent: 'space-between',
    flex: 1,
    backgroundColor: 'red'
},
input: {
    height: 40.3,
    width: 30
}