react-native中的自定义样式搜索栏

Question

我正在使用react-native-search-bar进行搜索。 我们可以更改搜索栏的样式，而不是在iOS中使用默认样式吗？ 如果有可能，那么如何进行更改？ 我试图在节点模块中查找，但是没有得到可以更改样式的有用的东西，如果有人可以帮助我的话。

谢谢

Answer 1

找到可用属性的最佳位置是在此处查看propTypes定义：

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);