Skip to content

Not Able to change background color of entire searchbar using className #4817

@villAsh

Description

@villAsh

Current behaviour

I am using the Searchbar component with icon and I want to apply some nativewind style to the entire searchbar, I tried using className but it does not seems to be working.

Now if try adding style prop it does works but we are not following the style prop flow.

The cause I've found is that there is no use of {...rest} prop in the Surface component.
My solution is that we should have another class that should be passed from SearchBar and applied on the Surface component.

Expected behaviour

Upon passing the className it should apply on the Internal Surface component as well.

How to reproduce?

Use the Searchbar component.
pass nativewind classes using className.

Preview

React Native Paper SearchBar Code
Image

UI:
Image

What have you tried so far?

Your Environment

software version
react-native 0.81.4
react-native-paper 5.14.5
node 20.19.5

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions