Searchbar crashes on Android when wrapped in Appbar

[bunea]

Current behaviour

Searchbar component crashes on Android with
Error while updating property 'color' in shadow node of type: AndroidTextInput
when it's wrapped in Appbar or Appbar.Header. I guess this happens because Appbar changes the theme based on the dark property. This works fine on iOS.

Expected behaviour

Should not crash.

Code sample

class SearchContainer extends React.Component {
    render() {
        return (
            <Appbar.Header>
                <Searchbar
                    value=""
                />
            </Appbar.Header>
        )
    }
}

It seems to happen because of this and this. ...rest contains color prop, which crashes the TextInput.

Your Environment

software	version
ios or android	android 28
react-native	0.57.1
react-native-paper	2.1.3
node	10.11.0
npm or yarn	1.10.1

[Trancever]

@bunea Please wrap Searchbar with additional View as a workaround:

            <Appbar.Header>
              <View style={{ flex: 1 }}>
                <Searchbar
                    value=""
                />
              </View>
            </Appbar.Header>

[satya164]

We should check the type here before passing it: https://github.com/callstack/react-native-paper/blob/master/src/components/Appbar/Appbar.js#L139

[whoisdevd]

I'm still facing the same issue. Tried yarn upgrade react-native-paper to get the latest fix you merged but still crashes on Android. Is there any other way to get the latest source or am I missing something here?

Thanks

[whoisdevd]

On a side note, wrapping it inside a view fixes the problem though. It'd better if we could avoid nesting.

[jayu]

@devdebajyotidas This merge is not released yet. In a few days, we should release recent changes.