问题标签 [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 投票
1 回答
4485 浏览

listview - React Native - 在特定位置滚动列表视图 - 以编程方式

在带有 Objective-C 的 iOS 中,我们可以UITableView通过使用方法滚动到特定的行索引,scrollToRowAtIndexPath但在 React-Native 中我没有找到这种Listview在特定行索引处滚动的方法。

以下是场景,

  1. Listview这样的可扩展行,例如在点击它时会扩展并且可扩展行包含TextInput组件。
  2. 在 中输入文本时TextInput,键盘将显示出来,理想情况下Listview应该向上滚动(一旦键盘放下,Listview应该向下滚动到之前的位置)。

这可以通过 Native-iOS 轻松实现,但我被困在 React-Native 中。

在此处输入图像描述


我尝试了以下方法,但效果不佳

scrollTo(x:0,y:10,animated:true)在组件中调用了一个方法Listview(实际上是它的方法Scrollview),通过它可以根据父视图的y 坐标向上/向下滚动。

我在我的代码中成功接收到键盘的 Up & Down 事件,基于此,我可以在键盘启动时以某种方式管理scrollTo(通过计算y 坐标)(如@Alexey 的回答中所述),但我不知道如何计算y键盘掉下来时的坐标?(此时理想情况下,Listview 应该向下滚动到其先前位置)。

任何帮助或提示将不胜感激!

0 投票
1 回答
2176 浏览

android - react-native android上的Webview不加载嵌入youtube url

在 iOS 上工作正常。这是android的错误还是正常行为。

0 投票
2 回答
3006 浏览

react-native - 如何确定滚动视图(或列表视图)子是否主要在 React Native 中显示

我目前正在使用 ListView 来显示一些数据。由于设计原因,行占据了屏幕高度的 70% 左右,这意味着始终至少有 2 行可见,最多为 3 行。我想确定的是哪一行最明显。

我目前正在使用 onChangeVisibleRows,但这只是告诉我哪些行可见或已进入或离开视图。

有任何想法吗?

0 投票
0 回答
827 浏览

react-native - 滚动视图在 react-native 中的 android 中不起作用

我在 react-native 中使用滚动视图来移动视图,我这样写 scrollView.scrollTo({ y: newY, animated: true });

它在IOS中运行良好,但在android中无法运行,请任何人给我建议如何解决它,非常感谢任何帮助

0 投票
1 回答
451 浏览

reactjs - ListView 中的 RefreshControl 由于某些未知原因而无法正常工作

下拉刷新时出现错误。 在此处输入图像描述

代码是这样的 -

出了什么问题?我也无法在 github 上找到任何东西。出了什么问题?我也无法在 github 上找到任何东西。

更新

你好。感谢您在 rnplay 上创建示例。但是我已经将问题的原因缩小到这个范围 - 每当我使用它RefreshControlListView在里面render()按预期工作时。但是当我从其他一些函数(如)返回ListView时,它会引发上述错误。我什至尝试过,但这也无济于事。RefreshControlrenderlistView()this.loadData().bind(this)

0 投票
2 回答
32573 浏览

react-native - 在 react-native listview/scrollview 中找出滚动方向

有没有办法找出 react-native 的 listview/scrollview 组件的滚动方向?

原生 iOS 组件似乎可以通过计算与 的偏移量来做到这一点scrollViewWillBeginDraggingscrollViewDidScroll但这些似乎没有绑定。

0 投票
2 回答
3134 浏览

react-native - 反应本机android滚动视图不起作用

我有一个反应原生组件,如:

这里<Level>只是一个包含文本的组件。

<LevelList>的容器里有:

在这里,我的列表旁边有一个滚动条,但它没有滚动。我在这里想念什么?

我在模拟器中运行应用程序:

更新:

0 投票
1 回答
11291 浏览

react-native - 当键盘以 react-native 显示时自动向上滚动视图

当我将焦点放在 TextInput 框中并显示键盘时,如何自动向上滚动视图以使 TextInput 框不会隐藏在键盘后面?这个问题已经在 StackOverflow 上被问过几次,我在这里实现了解决方案,这是大多数答案中建议的通用解决方案。此解决方案在 iPhone 模拟器中运行良好,但不适用于实际手机。有没有其他人遇到过这个解决方案在实际手机上不起作用的问题?

添加此解决方案后我注意到的第二件事是,现在如果我专注于 TextInput 框并显示键盘,如果我按下按钮或尝试专注于不同的 TextInput 框,则始终使用第一次触摸来隐藏键盘并且该按钮未按下或其他 TextInput 框未聚焦。用户必须执行两次操作有点烦人。有没有其他人观察到这个问题?

如果您对如何解决这些问题有任何意见,请告诉我?

0 投票
1 回答
5187 浏览

react-native - React Native ScrollView:顶部和底部的不同颜色

我想使用一个滚动视图,当我在顶部滚动时,它具有顶部元素的背景颜色(绿色),当它在底部反弹时,它具有底部元素的颜色(白色)。我不确定我该怎么做。

任何帮助表示赞赏,可能有人可以在底部和顶部设置假视图,但我不知道如何准确地做到这一点。

0 投票
1 回答
493 浏览

react-native - 在视图中和可见时触发组件操作

一旦用户滚动到足以使视频组件在屏幕上可见,我希望在列表视图中实现视频自动播放。但是,我在文档中找不到任何可以帮助实现一旦组件可见就会触发的操作的内容。