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

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

1 个答案: