Search code examples
javascriptreact-nativewebviewhybrid-mobile-app

Remove arrows and done button from WebView footer react-native


How can I remove the arrows and the done button from the header?

I'm using WebView library from react-native

render() {
    return (
        <View style={{ width: 500, height: 500, marginTop: 40 }}>
            <WebView
                ref="AddressSearchWebView"
                source={{ html: HTML }}
                javaScriptEnabledAndroid={true}
                onMessage={(e) => {
                    var eventData = JSON.parse(e.nativeEvent.data);
                    this.props.onSearch(eventData);
                }}
            >
            </WebView>
        </View>
    );
}

enter image description here


Solution

  • Pass hidekeyboardaccessoryview as a property to WebView component.