Platform consistent SearchBar component for react-native

SearchBar.android.js

import React from 'react';
import PropTypes from 'prop-types';
import SearchBar from 'react-native-material-design-searchbar';

const SearchBar = ({ onChangeText, onBackButtonPress, placeholder }) => (
  <SearchBar
    onSearchChange={onChangeText}
    placeholder={placeholder}
    onBackPress={onBackButtonPress}
    height={50}
    autoCorrect={false}
    returnKeyType="search"
  />
);

SearchBar.propTypes = {
  onChangeText: PropTypes.func.isRequired,
  onBackButtonPress: PropTypes.func.isRequired,
  placeholder: PropTypes.string.isRequired,
};

export default SearchBar;

SearchBar.ios.js

import React from 'react';
import PropTypes from 'prop-types';
import SearchBar from 'react-native-search-bar';

const SearchBar = ({ onChangeText, onBackButtonPress, placeholder }) => (
  <SearchBar
    ref="searchBar"
    placeholder={placeholder}
    onChangeText={onChangeText}
    onCancelButtonPress={onBackButtonPress}
  />
);

SearchBar.propTypes = {
  onChangeText: PropTypes.func.isRequired,
  onBackButtonPress: PropTypes.func.isRequired,
  placeholder: PropTypes.string.isRequired,
};

export default SearchBar;