问题标签 [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.
react-native - 如何获得反应原生动态滚动视图的实际高度
这里所有的数据都来自 this.state.favouritesData 和 this.state.latestData ,它们有另一个不同的视图并包含动态数据。
第一次将出现 10 条记录,其高度大于屏幕高度。
在 _handleScroll() 调用中,我想调用一些加载更多分页代码,并且我想再加载 10 条记录。
问题是当我只滚动到 3 或 4 条记录时,正在调用 _handleScroll() 并且分页也会调用,并且将加载另外 10 条记录。
因为,ScrollView 高度大于窗口高度。那么,如何获得 Scrollview 的实际高度以及 Scrollview 何时仅在底部滚动然后调用我的分页函数?
谢谢你。
react-native - 在 FlatList 反应原生“keyboardDismissMode”
滚动FlatList时是否有可能防止键盘关闭?
使用 ScrollView 时,将道具“keyboardDismissMode”设置为“none”是解决此问题的方法,但这对我在 FlatList 中不起作用...
我在一个自制组件中使用 FlatList,即在 Stack-Navigator 中,而它的标题中有一个聚焦的 TextInput。我像这样渲染 FlatList:
renderItem() 函数:
react-native - 在本机反应中创建双向重复/循环无限滚动视图
我想创建一个重复的滚动,一次又一次,即当我继续滚动到顶部时,我到达最后一行,当我滚动到底部时,我再次到达第一行。
我曾尝试搜索相同的组件,但我能找到的最好的是这些 -
react-native-infinite-scroll和这个 stackoverflow 答案,但它们都只告诉我当我到达 ScrollView 或 ListView 端时如何加载更多数据。
react-native - React Native Scroll View - 在视图之间选择空间时无法滚动
我有一个 ScrollView,里面有几行圆圈。ScrollView 仅在我选择圆圈时滚动,但在我选择圆圈之间的空间时不滚动。
我正在尝试制作小吃,但该网站似乎有问题。有没有人遇到过这个?
react-native - Animated API 的 createAnimatedComponent 使 FlatList 的 ref 在 react-native 中未定义
我正在尝试在 react-native 上使用scrollToIndex
功能。FlatList
但是,当我切换FlatList
到 时createAnimatedComponent(FlatList)
,它ref
变为undefined
.
有没有办法在我使用时保留FlatList
?ref
createAnimatedComponent
谢谢你的关心。
javascript - 传递给父级的 ScrollView 项目数据返回未定义
我一直试图理解为什么当从滚动视图项将数据传递给回调函数时,父组件接收到未定义的数据。我console.log
在 item 组件中有一个,它记录了正确的值,但是父组件中的日志记录了undefined
……remove Item 组件也成功删除了该组件,但是,该函数中的日志也返回 undefined ……此时我不确定它是我正在使用的模块还是 react-natives scrollView ...感谢您的帮助。
子项,项组件
父组件函数和渲染方法
}
我正在使用的模块:https ://www.npmjs.com/package/react-native-sortable-list
android - 反应本机 onStartShouldSetResponder 参数不适用于 AutoCompeletInput 插件
我正在使用自动完成输入插件。我已将此组件放置在 Scrollview 中。它的其他行为很好,例如使用我们的自定义设计在弹出窗口中显示建议列表。
参考插件:-插件
但是onStartShouldSetResponder{()=>true} 不起作用。因此,我无法滚动我的建议列表。
这是我实现的代码=>
- 如果我做错了什么,请告诉我。
- 我也无法理解 onStartShouldSetResponder() 函数的实现。
- 建议在 react native 中使用类似于 Android AutoCompleteTexview 组件的自动完成输入示例。
react-native - 如何将 View 定位在 ScrollView 的底部?
我想创建一个带有 ScrollView 的屏幕,其中包含一些输入字段,并在屏幕底部创建一个 Button(实际上是普通视图中的 2 个按钮)。这应该很容易,但是,即使 ScrollView 中没有足够的元素来填满整个屏幕,我也想将我的按钮放在屏幕的最底部。我可以使用绝对定位,但是我的 ScrollView 可以比我的屏幕更大(更高),在这种情况下,按钮应该位于 ScrollView 的末尾。(所以它会在屏幕外,这意味着用户应该向下滑动才能看到按钮)。
我已经尝试了很多东西,但 Button 总是紧跟在 ScollView 中的其他元素之后。
在图片中,滚动视图具有蓝色边框,包含按钮的普通视图具有黑色边框。
任何建议表示赞赏。