Home > Software design >  react native: background of Searchbar (react-native-paper)
react native: background of Searchbar (react-native-paper)

Time:08-12

Is there a way to change the background of the Searchbar of the react-native-paper library?

import { Searchbar } from 'react-native-paper';

           <Searchbar
            placeholder='search'
            onChangeText={onChangeSearch}
            inputStyle={styles.searchInput}
            value={searchQuery}
          />

CodePudding user response:

yes you can change it by adding style={{backgroundColor: 'red'}}. Instead of red, you can give any color hex code.

<Searchbar
      placeholder="Search"
      onChangeText={onChangeSearch}
      value={searchQuery}
      style={{backgroundColor: '#800080'}}
    />
  • Related