反応のネイティブのカスタムスタイルの検索バー

Question

私は検索のために反応ネイティブ検索バーを使用しています。 iOSでdefaultを使用する代わりに検索バーのスタイルを変更できますか？それが可能ならば、それをどのように変更するのですか？ ノードモジュールで見つけようとしていますが、誰かが私を助けることができれば、スタイルを変えることができる有用なものは得られませんでした。あなたに利用可能なプロパティを見つける最適な場所はここpropTypes定義を確認することです

おかげ

Answer 1

：ここ

https://github.com/umhan35/react-native-search-bar/blob/master/SearchBar.js#L13

は、あなたのスタイルをテストすると遊ぶことができるコードサンプルですこのコンポーネントの関連プロパティ：

import React from 'react'; 
import { 
    AppRegistry, 
    View 
} from 'react-native'; 

import SearchBar from 'react-native-search-bar'; 

class MyApp extends React.Component { 
    render() { 
    return(
     <View> 
     <SearchBar 
      barTintColor="red" 
      tintColor="green" 
      textColor="blue" 
      textFieldBackgroundColor="pink" 
      hideBackground={false} 
      barStyle="default" 
      searchBarStyle="default" 
     /> 
     </View> 
    ); 
    } 
} 

AppRegistry.registerComponent('MyApp',() => MyApp);