我有一个react native搜索栏,我需要使用在searchbar中键入的数据用户进行api调用。但是因为我在移动设备上没有数据库,所以我只想在用户按下搜索按钮时才发出请求(而不是在用户键入时) 而且当我们在该区域时,我还需要知道如何更改搜索栏中占位符的字体
这是我的搜索栏代码:
<SearchBar
placeholder="Something..."
round
containerStyle={{
backgroundColor: 'transparent',
width: '70%',
borderTopWidth: 0,
borderBottomWidth: 0
}}
inputContainerStyle={{
backgroundColor: '#fff'
}}
cancelButtonProps={{
color: '#fff'
}}/>
答案 0 :(得分:1)
问题1
这不是用搜索按钮设计的。当然,您可以在任意位置添加自定义按钮,但是我不建议这样做。该组件使您感到自动书写和搜索。 showLoading道具是如此的好。因此,在用户停止使用SearchBar组件键入内容后1秒钟发出请求(我建议这样做)。或使用Input组件代替SearchBar,然后添加Button并处理press事件。
问题2
我不确定只更改占位符的字体。但是您可以将inputStyle用作输入的字体道具。
inputStyle={{ fontWeight: '900', fontFamily: 'Roboto' }}
将应用于占位符和输入值。