React Native: как установить <TextInput> и <Image> в центре вместе

Я хочу, чтобы текст и изображение были на одной строке и по центру. Как я могу его отцентрировать?

Я обновил свой код другим требованием SearchBox будет центрироваться при запуске, а затем нажмите, чтобы начать ввод, это будет поле слева (извините, ребята, мой английский такой плохой).

constructor(props: any) {
  super(props);
  this.state = {
    onEdit: false,
  }
  this.onBlur = this.onBlur.bind(this);
  this.onEndEditing = this.onEndEditing.bind(this);
}

private onBlur() {
  this.setState({
    onEdit: true
  });
}
private onEndEditing() {
  this.setState({
    onEdit: !this.state.onEdit
  });
}    

private get searchView() {
  const { onEdit } = this.state;
  return (
    <View style = {styles.searchContainer}>
      <View style= {[styles.search, onEdit === true || this.props.keyword.length !== 0 ? undefined : { justifyContent: 'center' }]}>
        <Image source = {searchIcon} style = {[styles.image, { marginLeft: onEdit === true || this.props.keyword.length !== 0 ? 10 : 0 }]} />
        <TextInput
          style = {styles.searchInput}
          placeholder = {'search'}
          onEndEditing = {this.onEndEditing}
          onFocus = {this.onBlur}
          defaultValue = {this.props.keyword}
          clearButtonMode = "while-editing"
        />
      </View>
    </View>
  );
}

const styles = StyleSheet.create({
  searchContainer: {
    height: 72,
    padding: 16,
  },
  search: {
    flex: 1,
    flexDirection: 'row',
    alignItems: 'center',
    height: 40,
  },
  image: {
    marginRight: 10,
    alignSelf: 'center'
  },
  searchInput: {
    paddingRight: 10,
    fontSize: 14,
  },
})

Обновлять: При вводе текста в поле поиска появляется новая ошибка. Это было скрыто для первых нескольких персонажей.