G
G
Gary_Ihar2021-01-29 00:02:48
React Native
Gary_Ihar, 2021-01-29 00:02:48

BottomSheet and Keyboard conflict?

Hey!

bottomsheet:

<BottomSheet
  snapPoints={[0, '90%']}
  renderHeader={renderHeader}
  renderContent={renderContent}
/>


renderContent:
<View>
  <TextInput/>
        {children...}
</View>

There is content with TextInput. When the keyboard leaves, it pushes out this BottomSheet (it turns out that it takes not 90%, but more than 100%). How to avoid this effect without wrapping the BottomSheet in a container with dimensions.height? Or if you wrap, you need a transparent background.

Has anyone experienced this? I have already tried different options with KEyboardavoidingview. Somehow it didn't work out

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question