如何在react native中使ScrollView内的按钮粘在底部



根据其他答案的解决方案,将粘性内容放置在滚动视图之外。但是,当我将粘性按钮放在滚动视图之外时,当软键盘弹出时,粘性按钮会弹出到内容的顶部,因为它不在滚动视图内。理想情况下,即使在键盘弹出后,按钮也应该粘在底部,即它应该在键盘后面。请查看附件URL中的视频。

https://filebin.net/e7ek1zkt9840f9lw

相关零食是:

https://snack.expo.io/qtTC4tvTE

您可以使用stickyHeaderIndices道具来滚动视图。考虑一下你的结构如下:

<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>

最新更新