为了账号安全,请及时绑定邮箱和手机立即绑定

如下图所示,从“react-native-elements”自定义 { SearchBar }

如下图所示,从“react-native-elements”自定义 { SearchBar }

收到一只叮咚 2023-10-10 14:51:41
我正在尝试使用“react-native-elements”更改搜索栏的样式,从功能角度来看它是有效的,但对于样式,我面临一些问题我的形象预期图像我的代码:            <SearchBar              //searchIcon={{ size: 24 }}              onChangeText={text => this.testFilter(text)}              onClear={text => this.testFilter('')}              inputStyle={{ backgroundColor: 'white' }}              containerStyle={{ backgroundColor: '#FFFFFF', borderWidth: 0, marginLeft: 50 }}              inputContainerStyle={{ backgroundColor: '#FFFFFF' }}              placeholderTextColor={'#g5g5g5'}              placeholder={'Search...'}              clearIcon={false}              searchIcon={false}              value={this.state.test}            />如何使用 Searchbar 组件实现相同的样式
查看完整描述

2 回答

?
扬帆大鱼

TA贡献1799条经验 获得超9个赞

你试过inputContainerStyle像这样添加道具吗?

inputContainerStyle={{ backgroundColor: 'white' }}

您还应该查看searchIconcancelIconprops 来重新设置默认组件中使用的图标的样式SearchBar


查看完整回答
反对 回复 2023-10-10
?
炎炎设计

TA贡献1808条经验 获得超4个赞

在对一些逻辑和样式进行一些更改后设法满足要求



查看完整回答
反对 回复 2023-10-10
  • 2 回答
  • 0 关注
  • 58 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信