Отправка API-запроса в реагировать на родной после того, как что-то искать в панели поиска (реагировать-родные элементы)

Question

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

вот мой код поиска:

  <SearchBar
        placeholder="Something..."
        round
        containerStyle={{
        backgroundColor: 'transparent',
        width: '70%',
        borderTopWidth: 0,
        borderBottomWidth: 0
      }}
        inputContainerStyle={{
        backgroundColor: '#fff'
      }}
        cancelButtonProps={{
        color: '#fff'
      }}/>

Answer 1

Для вопроса 1

Это не предназначено для кнопки поиска.Конечно, вы можете добавить куда угодно пользовательскую кнопку, но я не рекомендую этого.Этот компонент заставляет вас писать и искать автоматически.showLoading реквизиты так хороши для этого.Поэтому сделайте запрос через 1 секунду после того, как пользователь прекратил набор текста с помощью компонента SearchBar (я рекомендую это).Или используйте компонент ввода вместо SearchBar, затем добавьте кнопку и обработайте событие нажатия.

Для вопроса 2

Я не уверен насчет только изменения шрифта для заполнителя.Но вы можете использовать inputStyle для реквизита шрифта ввода.

inputStyle={{ fontWeight: '900', fontFamily: 'Roboto' }}

, который будет применяться к заполнителю и значению ввода.