2017-07-15 65 views
-1

enter image description here如何我使反應天然元素搜索欄

的外觀在圖像搜索框​​上方的一半改變被切斷時,如何使該視圖中的搜索框配合。搜索框是在一個視圖和下面的區域,其中「主頁寫在另一個視圖內」。

另外我不希望搜索框有很大的透明邊框。如何去除透明區域?

<View style={styles.screenHeaderContainerBelow}> 
      <SearchBar 
       lightTheme 
       containerStyle={{flex:1, height:undefined}} 
       onChangeText={() => {}} 
       placeholder='Type Here...' /> 
      </View> 
     </View> 

回答

1

我複製了四個例子從the documentation for SearchBar,並得到了底部的一個的大透明邊框加上道具inputStyle={{margin: 0}}以及noIcon走開,使格式更好看:

<SearchBar 
      lightTheme 
      noIcon 
      inputStyle={{margin: 0}} 
      onChangeText={someMethod} 
      placeholder='Type Here...' /> 

enter image description here

試着拿出containerStyle={{flex:1, height:undefined}}看看是否解決了一半的搜索框被切斷的問題。