问题标签 [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 回答
401 浏览

android - React Native - 无法滚动到我的 ScrollView 的底部

我正在使用react-native-nested-scroll-view结合 react native 的滚动视图。在某些 android 设备上,我无法滚动到应用程序屏幕的底部。应用程序屏幕使用 react-navigation 选项卡。我的类的结构就像 - 父类

子标签

当我滚动时,我的内容存在,但应用程序屏幕直到最后都没有滚动。一些见解会很有用。PS 在某些安卓设备上会注意到这种行为。我无法确定它是否是特定于设备的错误或包相关。使用 flex 或为我的滚动视图设置高度或嵌套滚动视图的行为是相同的。

更多代码 - 父母。

孩子 -

0 投票
6 回答
48492 浏览

javascript - How to get currently visible index in RN flat list

I have a horizontal flat list where each item is width:300 All I am trying to do is to get index of currently visible item.

Tried this:

And something like this:

but nothing is accurate I always get one index up or one index down.
What am I doing wrong and how to get correct current index in flat list?

For example I get to list item that is 8th in a list but I get index 9 or 10.
enter image description here

0 投票
0 回答
210 浏览

react-native - 无需用户交互即可连续滚动

有没有办法以编程方式滚动 ScrollView以实现类似于下面显示的ticker 的动画?

truax 自动收报机

到目前为止,我已经尝试使用scrollToOffsetwithsetInterval但动画看起来很滞后(由于动画完成持续时间和间隔发射速度)。知道滚动何时结束或在完成时调用回调函数会很有帮助scrollToOffset。但它们似乎都不可能。

0 投票
2 回答
2048 浏览

react-native - ScrollView 下方的可点击背景 [React Native]

所以,我想创建一个类似于下面的布局。[参考图片]

所以背景有一个全屏MapView(React Native Maps)Markers,它需要是可点击的。

并且有一个Scrollview全屏高度MapView,最初有一些与其内容相关的上边距。

但是如果我以这种方式排列视图,问题是地图上的标记在初始状态下不可点击。

我不确定它是否真的有可能解决这个问题。

初始状态 初始状态

滚动后 滚动后

尝试过的解决方案

0 投票
4 回答
45744 浏览

react-native - React Native - 如何在从另一个屏幕导航后将 ScrollView 滚动到给定位置

当我们刚刚通过 StackNavigator 导航到当前屏幕时,是否可以告诉 ScrollView 滚动到特定位置?

我有两个屏幕;菜单和项目。菜单是一个按钮列表,每个项目一个。Items 屏幕包含一个使用 ScrollView 构建的 Carousel,其中包含每个 Item 的图片和详细描述。

当我单击菜单屏幕中的按钮时,我想导航到项目屏幕,并自动滚动到按钮所代表的项目。

我读到您可以在使用 StackNavigator 时像这样传递参数:但我不知道如何在我的项目屏幕中读出该参数。

那么这在 React Native 中是可能的吗?我该怎么做呢?或者也许我使用了错误的导航器?

这是我的两个屏幕的简化版本:

应用程序.js:

菜单.js

项目.js

PS我目前专门针对Android,但理想情况下可能有一个跨平台的解决方案。

0 投票
5 回答
23664 浏览

react-native - 带有 flex 1 的 ScrollView 使其不可滚动

我试图在 a 上运行 flex ScrollView,只要 ScrollView 里面有flex: 1滚动就不起作用。这是博览会小提琴(您可以运行此代码并使用) https://snack.expo.io/SySerKNp-

请注意,如果您flex: 1从其中删除ScrollView它确实让滚动,但随后您失去了弹性力量(让红色容器向下推上框(ScrollView)的能力),所以我必须在那里有一个弹性。

ps - 我只在安卓上工作,我还没有在 iPhone 上测试过(我不介意那里的结果)

知道我错过了什么吗?为什么ScrollView当它有一个时不能正常工作flex: 1?谢谢 !

0 投票
1 回答
2364 浏览

react-native - ScrollView 中的大图像不会让滚动

我正在尝试将图像(按图像全尺寸)添加到ScrollView组件中,其想法是让图像具有自己的大小(不限制它),而是让水平和垂直滚动(取决于图像) . 所以我在Image.getSize()a 中使用它ScrollView,这是我的组件,

谢谢!

0 投票
0 回答
1052 浏览

reactjs - 我们如何在本机反应中隐藏向下滚动事件的标签栏

我正在使用 react-native-tab-view 模块在我的应用程序中实现选项卡。标签工作正常,但我希望当用户向下滚动列表时,标签栏应该用动画隐藏。

我正在使用的模块链接,即 https://github.com/react-native-community/react-native-tab-view

这是我的代码:-

0 投票
3 回答
2013 浏览

react-native - 在不重新渲染所有项目的情况下将项目添加到 ScrollView

在我当前的用例中,我将项目添加到ScrollView. 我注意到,如果我将一个项目添加到位于 state 中的项目集合中,所有项目都会重新呈现。

我有什么解决方法吗?当前实现必须是ScrollView,因此更改为FlatListList 或任何其他实现都无关紧要。

谢谢

0 投票
2 回答
6790 浏览

reactjs - 试图找到卷轴的方向

如何知道用户滚动的方向是什么ScrollView。我想根据方向显示一个操作按钮。我正在尝试使用以下代码找到方向:

因此,在向上滚动时,我想向上提醒,在向下滚动时提醒向下。但我收到以下错误:

在此处输入图像描述

我究竟做错了什么?或者有没有更好的方法来做到这一点?

非常感谢!

更新1:

将 state.offset 更改为 object,onScroll将 onScroll 函数绑定并更改为 setState:

但无论我滚动哪个方向,我都会收到警报up。我错过了什么?