Как сделать кнопку прикрепленной к нижней части ScrollView в React Native?

В соответствии с решением, данным в других ответах, разместить липкое содержимое за пределами прокрутки. Но когда я размещаю липкую кнопку вне прокрутки и когда всплывает программная клавиатура, липкая кнопка всплывает в верхней части содержимого, поскольку она не находится внутри scrollView. В идеале кнопка должна оставаться внизу даже после всплывающей клавиатуры, т.е. она должна быть за клавиатурой. Пожалуйста, проверьте видео в прикрепленном URL.

https://filebin.net/e7ek1zkt9840f9lw

Связанная закуска:

https://snack.expo.io/qtTC4tvTE


react-native android react-native-scrollview sticky-footer
person bansalakshay8    schedule 02.01.2021    source источник
comment
Добавьте свой код, чтобы помочь вам, иначе как мы можем ответить?   -  person Ruchira Swarnapriya    schedule 02.01.2021
comment
Я создал закуску для этого выпуска: snack.expo.io/qtTC4tvTE   -  person bansalakshay8    schedule 04.01.2021

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете использовать реквизит stickyHeaderIndices для ScrollView. считайте, что ваша структура выглядит следующим образом:

     <ScrollView> 
       <View><Text>This is header</Text></View>
       <View><Text>This is body</Text></View>
       <View><Text>This is footer</Text></View>
     </ScrollView>

и если вы хотите сделать часть нижнего колонтитула липкой, просто поместите stickyHeaderIndices={[2]} внутри прокрутки.

      <ScrollView stickyHeaderIndices={[2]}> 
       <View><Text>This is header</Text></View>
       <View><Text>This is body</Text></View>
       <View><Text>This is footer</Text></View>
     </ScrollView>
person Mahi Gunjal    schedule 02.01.2021
comment
Это не решает проблему. Это делает содержимое липким во время прокрутки и предотвращает выход за пределы экрана StickyHeaderIndices. - person bansalakshay8; 04.01.2021