Snackbar rendering behind keyboard on iOS

[johakr]

Hi,

on iOS the snackbar always renders on the bottom behind the keyboard if keyboard is open. Is this intended behavior / a known limitation?

[cooperka]

Hi @johakr, this is not intended behavior and should be fixed. It should be possible to account for the keyboard height. I'm happy to accept a PR for this.

[jdrorrer]

@johakr one fix could be to import { Keyboard } from 'react-native' and call Keyboard.dismiss() when a certain event handler is called. Here's more info: https://facebook.github.io/react-native/docs/keyboard.html

[faisalkhan1690]

@jdrorrer Thanks for this workaround it really saved my day.

[cooperka]

Hi @faisalkhan1690, I saw you posted #105 about this happening on Android also. Can you post any screenshots or an app to repro this? It uses the native Android Snackbar component so this shouldn't be happening unless something weird is going on like the Snackbar getting attached to a non-main view.

[rahulchowdhury]

Any updates on this issue?

[cooperka]

@rahulchowdhury no updates, do you have time to help out and submit a PR?

[rahulchowdhury]

Hey @cooperka, sorry mate, I'm not a React dev. Found this issue when I contributed once to a project inside the company I work for.

I'll ask the concerned developer to have a look at this. 😀

[ravi-roxiler]

We can use marginBottom props and pass the value by importing keyboard property from react-native import {Keyboard} from 'react-native' and use as marginBottom: Keyboard.metrics()?.height.