在搜索栏中搜索某些内容后,以响应本机发送API请求(react-native-elements)

时间:2019-04-16 10:25:33

标签: react-native jsx

我有一个react native搜索栏,我需要使用在searchbar中键入的数据用户进行api调用。但是因为我在移动设备上没有数据库,所以我只想在用户按下搜索按钮时才发出请求(而不是在用户键入时) 而且当我们在该区域时,我还需要知道如何更改搜索栏中占位符的字体

这是我的搜索栏代码:

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

1 个答案:

答案 0 :(得分:1)

问题1

这不是用搜索按钮设计的。当然,您可以在任意位置添加自定义按钮,但是我不建议这样做。该组件使您感到自动书写和搜索。 showLoading道具是如此的好。因此,在用户停止使用SearchBar组件键入内容后1秒钟发出请求(我建议这样做)。或使用Input组件代替SearchBar,然后添加Button并处理press事件。

问题2

我不确定只更改占位符的字体。但是您可以将inputStyle用作输入的字体道具。

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

将应用于占位符和输入值。