React-native-keyboard-aware-scroll-view: After focused, ScrollView has margin status bar

Created on 6 Jul 2016  路  9Comments  路  Source: APSL/react-native-keyboard-aware-scroll-view

out

as you can see, after focusing an InputText, ScrollView has margin on top as much as status bar.

Most helpful comment

For anyone that runs into this in the future, this can be fixed with the prop:

automaticallyAdjustContentInsets={false}

Using the contentInset prop will cause issues if you scroll the view with the keyboard open.

All 9 comments

@JosephDev I had the same issue for top and bottom, I added this prop seemed to work <KeyboardAwareScrollView contentInset={{bottom: 0}} didn't seem to break anything for me.

Thank you for your comment.
I tried it, but no lucks to me :(

Hello @JosephDev!

Can you post your source code so I can test it?

Any news @JosephDev?

@alvaromb sorry for late response. As @MovingGifts mention, with it works with contentInset={{bottom: 0}} however, it doesn't help on sub-pages and _KAM_EXTRA_HEIGHT option also has a problem. I will create a mock-up project and test those two with sub-pages and update my code as soon as possible.

I created a clean sample project just to test.
@MovingGifts 's solution is working with sub-pages.
I think it was not working because of another dependency.

here is my packages to generate a sample project.

"react": "15.2.1",
"react-native": "0.29.2",
"react-native-keyboard-aware-scroll-view": "git://github.com/JosephDev/react-native-keyboard-aware-scroll-view.git#ancestor_check",
"react-native-router-flux": "^3.31.2"

Cool @JosephDev!

Let me know if I can help you with anything else 鈽猴笍

For anyone that runs into this in the future, this can be fixed with the prop:

automaticallyAdjustContentInsets={false}

Using the contentInset prop will cause issues if you scroll the view with the keyboard open.

@ronaldheft It really helps, thanks man

Was this page helpful?
0 / 5 - 0 ratings