Замените значок поиска на панели поиска "реакционная бумага" значками из MaterialCommunityIcons

Question

Я хочу изменить значок поиска на панели поиска бумаги с исходным кодом со значком сканирования штрих-кодов.
В нативной бумаге для значков и сканирования штрих-кодов, доступных в MaterialCommunityIcons
, используются реагировать-нативные векторные иконки Вот код, который я пробовал, который дает значок вместо значка

import MaterialCommunityIcon from 'react-native-vector-icons/MaterialCommunityIcons';
<Searchbar
  placeholder="Search"
  onChangeText={query => { this.setState({ firstQuery: query }); }}
  value={firstQuery}
  icon={<MaterialCommunityIcon name="barcode-scan" size={30}/>}
/>

Это правильный путь или я что-то упустил?

Answer 1

Вы должны использовать обратный вызов, чтобы передать компонент в значке проп

icon={() => <MaterialCommunityIcons name="barcode-scan" size={30}/>}

Answer 2

Достаточно просто добавить '() =>' в иконку

import MaterialCommunityIcon from 'react-native-vector-icons/MaterialCommunityIcons';
<Searchbar
  placeholder="Search"
  onChangeText={query => { this.setState({ firstQuery: query }); }}
  value={firstQuery}
  icon={()=><MaterialCommunityIcon name="barcode-scan" size={30}/>}
/>