亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如下圖所示,從“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 關注
  • 136 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號