问题标签 [react-native-scrollview]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
419 浏览

react-native - 如何获得反应原生动态滚动视图的实际高度

这里所有的数据都来自 this.state.favouritesData 和 this.state.latestData ,它们有另一个不同的视图并包含动态数据。

第一次将出现 10 条记录,其高度大于屏幕高度。

在 _handleScroll() 调用中,我想调用一些加载更多分页代码,并且我想再加载 10 条记录。

问题是当我只滚动到 3 或 4 条记录时,正在调用 _handleScroll() 并且分页也会调用,并且将加载另外 10 条记录。

因为,ScrollView 高度大于窗口高度。那么,如何获得 Scrollview 的实际高度以及 Scrollview 何时仅在底部滚动然后调用我的分页函数?

谢谢你。

0 投票
3 回答
5886 浏览

react-native - 在 FlatList 反应原生“keyboardDismissMode”

滚动FlatList时是否有可能防止键盘关闭?

使用 ScrollView 时,将道具“keyboardDismissMode”设置为“none”是解决此问题的方法,但这对我在 FlatList 中不起作用...

我在一个自制组件中使用 FlatList,即在 Stack-Navigator 中,而它的标题中有一个聚焦的 TextInput。我像这样渲染 FlatList:

renderItem() 函数:

0 投票
1 回答
1543 浏览

react-native - 在本机反应中创建双向重复/循环无限滚动视图

我想创建一个重复的滚动,一次又一次,即当我继续滚动到顶部时,我到达最后一行,当我滚动到底部时,我再次到达第一行。

我曾尝试搜索相同的组件,但我能找到的最好的是这些 -

react-native-infinite-scroll这个 stackoverflow 答案,但它们都只告诉我当我到达 ScrollView 或 ListView 端时如何加载更多数据。

0 投票
2 回答
196 浏览

react-native - React Native Scroll View - 在视图之间选择空间时无法滚动

我有一个 ScrollView,里面有几行圆圈。ScrollView 仅在我选择圆圈时滚动,但在我选择圆圈之间的空间时不滚动。

我正在尝试制作小吃,但该网站似乎有问题。有没有人遇到过这个?

0 投票
1 回答
4480 浏览

react-native - Animated API 的 createAnimatedComponent 使 FlatList 的 ref 在 react-native 中未定义

我正在尝试在 react-native 上使用scrollToIndex功能。FlatList但是,当我切换FlatList到 时createAnimatedComponent(FlatList),它ref变为undefined.

有没有办法在我使用时保留FlatListrefcreateAnimatedComponent

谢谢你的关心。

0 投票
1 回答
462 浏览

android - 水平滚动视图在最后切割子视图

我有一个Scrollview我设置为水平的,但是当它没有完全显示组件时,它会剪切最后一个视图,或者如果子视图的宽度和高度更大,它不会显示所有视图,它会仍然剪切最后一个视图,我已经尝试更改contentContainerStyle它剪切的仍然,请问可能是什么问题

它在最后一个视图中剪切

以下是我的代码

0 投票
1 回答
209 浏览

javascript - 传递给父级的 ScrollView 项目数据返回未定义

我一直试图理解为什么当从滚动视图项将数据传递给回调函数时,父组件接收到未定义的数据。我console.log在 item 组件中有一个,它记录了正确的值,但是父组件中的日志记录了undefined……remove Item 组件也成功删除了该组件,但是,该函数中的日志也返回 undefined ……此时我不确定它是我正在使用的模块还是 react-natives scrollView ...感谢您的帮助。

子项,项组件

父组件函数和渲染方法

}

我正在使用的模块:https ://www.npmjs.com/package/react-native-sortable-list

0 投票
0 回答
649 浏览

react-native - 下拉屏幕时隐藏和显示组件

我试图在下拉屏幕时显示一个搜索栏,并在向上滚动视图时隐藏它。

下面是我的反应原生代码:

如果没有足够的滚动元素,onScroll、onScrollBeginDrag、onScrollEndDrag 不会调用。

这是我的屏幕截图:

在此处输入图像描述

如果有人对如何实现它有任何想法,那将非常有帮助。

提前致谢。

0 投票
1 回答
1757 浏览

android - 反应本机 onStartShouldSetResponder 参数不适用于 AutoCompeletInput 插件

我正在使用自动完成输入插件。我已将此组件放置在 Scrollview 中。它的其他行为很好,例如使用我们的自定义设计在弹出窗口中显示建议列表。

参考插件:-插件

但是onStartShouldSetResponder{()=>true} 不起作用。因此,我无法滚动我的建议列表。

这是我实现的代码=>

  • 如果我做错了什么,请告诉我。
  • 我也无法理解 onStartShouldSetResponder() 函数的实现。
  • 建议在 react native 中使用类似于 Android AutoCompleteTexview 组件的自动完成输入示例。
0 投票
3 回答
13551 浏览

react-native - 如何将 View 定位在 ScrollView 的底部?

我想创建一个带有 ScrollView 的屏幕,其中包含一些输入字段,并在屏幕底部创建一个 Button(实际上是普通视图中的 2 个按钮)。这应该很容易,但是,即使 ScrollView 中没有足够的元素来填满整个屏幕,我也想将我的按钮放在屏幕的最底部。我可以使用绝对定位,但是我的 ScrollView 可以比我的屏幕更大(更高),在这种情况下,按钮应该位于 ScrollView 的末尾。(所以它会在屏幕外,这意味着用户应该向下滑动才能看到按钮)。

我已经尝试了很多东西,但 Button 总是紧跟在 ScollView 中的其他元素之后。

在图片中,滚动视图具有蓝色边框,包含按钮的普通视图具有黑色边框。

任何建议表示赞赏。

在此处输入图像描述