react-native - 如何在 react-native-element 中获得这种搜索栏样式？

Question

它基本上是来自 react-native-elements 的搜索栏组件，其中容器背景颜色为白色，占位符字段具有带半径的边框。

不确定 react-native-element 是否允许为占位符提供样式。
我可以使用样式以及 react-native-elements 搜索栏组件来获得此结果的任何其他方式吗？

Answer 1

您需要修改 input 和 container 风格

 <SearchBar
    inputStyle={{backgroundColor: 'white'}}
    containerStyle={{backgroundColor: 'white', borderWidth: 1, borderRadius: 5}}
    placeholderTextColor={'#g5g5g5'}
    placeholder={'Pritish Vaidya'}
/>

查看 docs更多 Prop ，您可以提供自己的 Icon