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

react-native - scrollTo 不滚动视图

我是 react-native 的新手,

我有一个嵌套在 scrollView 内的段选项卡控制器,我试图通过代码滚动 scrollView 以在点击段选项卡时在滚动视图的左上角显示选定的段选项卡。

出于某种原因,这对我不起作用。我现在硬编码x= 100只是为了测试目的,我scroll to segment在调试器中看到了控制台日志。但立场不变。

我从段选项卡控制器的方法的 onTabPress 调用 scrollToSegment() 。

0 投票
1 回答
1801 浏览

react-native - React Native ScrollView scrollTo 弹簧动画

我正在使用 React Native 的ScrollView方法scrollTo来为滚动视图设置动画。我怎样才能使这个动画加载弹簧,如Animated.spring(不使用第 3 方库)?

0 投票
0 回答
1026 浏览

react-native - 从滚动视图底部重新加载内容时,滚动视图刷新控件不可见

我有一个滚动视图,其内容大于手机屏幕。
我滚动到底部,我有重新加载该滚动视图内容的功能,但首先要清除它的数据源。
重新加载功能连接到RefreshControl滚动视图。
但是RefreshControl在加载数据时不可见,除非我稍微触摸内容应该在的屏幕。
这只是当我从滚动视图底部开始重新加载时。
我试图滚动到顶部,但它没有解决它:

知道为什么会这样吗?

所以正如我所写的,如果我拉下装载机是可见的。但是,如果我滚动到底部并单击一个按钮,该按钮调用与拉动刷新加载程序相同的功能是不可见的。 例子

0 投票
1 回答
1258 浏览

react-native - ReactNative如何在键盘打开时保持滚动视图位置

我正在使用 React Native 的ScrollViewFlatList. 打开键盘时,我希望看到与打开键盘之前相同的屏幕。

我以为我可以scrollTo根据键盘状态使用该方法它无法正常工作。

有没有类似案例的典型实现?

0 投票
3 回答
3306 浏览

react-native - 添加新项目时防止 FlatList 滚动

FlatList在我的聊天应用程序中垂直反转,它在底部显示最新消息,在顶部显示最旧消息(与所有其他聊天应用程序一样)
问题是当我想将新消息添加到列表底部时,FlatList自动跳转到底部名单!
我所需要的只是防止在这种情况下滚动

这是我的FlatList

这是将最新消息添加到列表的代码

0 投票
1 回答
1088 浏览

react-native - React-Native ScrollView 与自定义起始位置的中心对齐

您能否查看一下我在滚动视图配置中缺少的内容。我正在尝试创建一个滚动视图动画,其起始卡子偏移量为设备宽度的一半,然后当用户滚动时,它应该对齐中心,其他其余的滚动视图子也应该对齐

基本上所有的孩子在滚动时都应该居中对齐。第一个孩子也应该从设备宽度的末尾开始。

到目前为止的进展-> https://snack.expo.io/@sefiniyuk/scrollview-alignment

谢谢你。

0 投票
0 回答
870 浏览

javascript - 如何在反应原生FlatList中实现onEndReached()和onRefresh()“水平”反应原生

在我的应用程序中,我有一个水平flatlist呈现简单框的列表,如幻灯片。

这是我的平面清单:

现在,我想在列表结束时调用一些方法。所以我实施了onEndReached(). 但是当我滚动而不是到达列表末尾时它在开始时调用。

基本上我的主要目标是在用户到达平面列表末尾时在右侧加载更多数据,并在用户到达平面列表的第一项时在左侧加载更多数据。

请任何人都可以帮助我!

0 投票
1 回答
61 浏览

react-native - 在 React Native 中使用滚动视图作为有限列表是否合理?

我有一个简短的人员名单,他们不会超过 25 岁。我已经阅读了 Flatlist 对于长名单的更好性能,那么 ScrollView 现在没用了吗?如果是这样,为什么它不被弃用?我想知道哪个更适合短名单?

0 投票
1 回答
349 浏览

react-native - 部分项目是否可以连续排列?

我在 React Native 中使用 SectionList 来显示从 URL 获取的一些 JSON 数据。

使用上面的代码,它看起来就是这样;

章节标题 1

  • 第 1.1 节
  • 第 1.2 节

章节标题 2

  • 第 2.1 节

但是,我希望它如下所示;

章节标题 1

第 1.1 节 | 第 1.2 节

章节标题 2

第 2.1 节

上面的部分项目有水平滚动。

我已经尝试将 ScrollList 设置为,horizontal={true}但这样做是将整个内容变成水平滚动,但是,我不希望 Section Header 水平滚动。

更新:经过更多研究,人们建议在 SectionList 中使用 FlatList。我试过了,但它仍然垂直出现。

0 投票
0 回答
231 浏览

reactjs - 让 onMomentumScrollEnd 只听触摸交互 - 而不是 scrollTo 方法

我有一个ScrollView并且我正在使用该onMomentumScrollEnd事件来触发一个功能,但我也有一个使用 scrollTo 方法的按钮,该按钮也可以从onMomentumScrollEnd事件中触发该功能。有没有办法onMomentumScrollEnd仅在来自触摸交互时触发事件?

我尝试使用onScrollEndDrag它,因为它特定于触摸交互,但我特别需要ScrollView它滑到停止时的位置