iOS上的React-Native scrollToEnd与手动滚动不同,将项目置于底部

时间:2017-03-16 11:54:49

标签: ios react-native scrollview

请在iOS上考虑此示例:https://sketch.expo.io/SyeyMSx_il

  • 尝试滚动手动,一切正常:没有评论消息保持在最佳状态。

  • 如果您现在立即点击按钮,则无评论消息会粘在底部。

  • 如果再次滚动手动,一切都会恢复正常。

为什么使用scrollToEnd应该与手动滚动不同?以及如何解决这种奇怪的行为?

2 个答案:

答案 0 :(得分:1)

添加到ScrollView contentContainerStyle={{ flexGrow: 1 }}修复了该问题。 现在看:https://snack.expo.io/HkdP9_e1Z

答案 1 :(得分:0)

如果不浏览ScrollView的源代码,我不确定行为的原因,但你可以通过创建一个处理滚动结束的函数来绕过它,只有在内容大小的情况下触发它大于视口的大小。