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

reactjs - React Native Image URL 降低了我的性能

当我在启用分页的水平滚动视图中显示我的图像时,应用程序的性能会降低。我知道这是由于图像的高分辨率。我想要一个好方法,这样我就可以在不降低质量的情况下加载图像。先感谢您。

0 投票
2 回答
2868 浏览

react-native - 在 react-native 中防止 ScrollView 的下拉刷新

有没有办法防止 ScrollView 组件的拉动刷新功能?我希望能够滚动,但我不想允许下拉组件的内容并防止出现这样的情况:

在此处输入图像描述

0 投票
3 回答
6234 浏览

react-native - React-Native ScrollView 垂直和水平滚动

对于我的应用程序,我需要ScrollView垂直和水平滚动组件。我搜索了很多,但无法解决。试过了directionLockEnabled,没用。contentContainerStyle不是办法,因为我的行号和列号是动态的,它可能会双向扩展。我相信应该有某种方法可以双向ScrollView滚动。

这是我ScrollView在 DataGrid 中的图片

在此处输入图像描述

这是我ScrollView在 dataGrid( react-native-easy-grid)中的代码

0 投票
0 回答
2306 浏览

reactjs - this.props.position.interpolate 未定义且不是函数

我有一个具有滚动视图的组件

函数 setScrollable distance 将 scrollY 的值分派到全局存储

在减速机中我有

来自 reducer 的 scrollY 的值被用于使用 Animated API 更新另一个组件中的页脚高度。

在这里,我收到 this.props.app.scrollY.interpolate 未定义且不是函数的错误。

我应该怎么办?

0 投票
1 回答
1201 浏览

react-native - 当元素加载到当前位置之上时,如何在可滚动视图中保持位置?

我有一个 react-native SectionList,它在视图中包含多个 FlatList。当用户触摸底部 FlatList 中的某个元素时,上面的一些 FlatList 将加载新数据,从而导致用户的当前视图似乎被向上推。换句话说,用户的 y 位置保持不变,但之前在视图中的内容现在具有更大的 y 位置。

在添加上述其他 FlatLists 中的元素之前,如何使用户的 y 位置与他们看到的元素保持同步?

0 投票
2 回答
1369 浏览

react-native - 添加数据时保持ScrollView的位置

我正在努力做到这一点,所以每当新的东西被渲染到滚动视图中时,滚动视图将保持不变并且不会上下颠簸。现在,如果渲染了一个新组件,则滚动视图似乎被重置为 0。

有没有办法阻止这种行为并保持立场?

现在对于我正在使用的滚动视图:

这个问题是滚动视图会在滚动到正确的偏移量之前短暂呈现。所以看起来屏幕顶部有短暂的飞溅

0 投票
3 回答
4632 浏览

react-native - React native ScrollView 在条件下禁用一个方向

是否可以只滚动到一个方向?我有一个功能可以检测用户滚动的方向。

但我不知道如何设置一个标志,如果用户不回答问题,它就不允许他只向左滚动?

谢谢你

0 投票
0 回答
433 浏览

react-native - 你能抵消 React Native ScrollView 粘性标题吗?

是否有可能让 React NativeScrollView的“粘性标题”(用 设置stickyHeaderIndices)粘在ScrollView.

就我而言,我在顶部有一个 80px 的部分透明标题ScrollView,我希望粘性标题粘贴在该标题的底部。所以我需要将症结点从ScrollView.

0 投票
1 回答
10461 浏览

react-native - React Native FlatList 嵌套在具有相同方向的 FlatList 中

我无法以相同的方向创建嵌套在 FlatList 内的 FlatList;

结果是父级是水平的,而子级是垂直的;

这是我的代码:

在此处输入图像描述

有没有人遇到过同样的问题? (而且我不能使用 scrollView )

0 投票
1 回答
310 浏览

reactjs - React Native - 用于动画问卷的 Scrollview 或 Flatlist

我正在尝试像这样创建一个简单的动画问题和多项选择答案风格的健康评估。在这个例子中,每个问题都有相应的答案选项,选择一个特定的答案将导致一个唯一的下一个问题(例如,问题 1 =“你经常锻炼吗?;答案 1 =“是”;问题 2 =“好的,如何您经常锻炼吗?”)。此外,您选择的问题和答案会以动画形式显示在屏幕顶部,但单击您之前的答案会返回问题和答案,因此您可以根据需要重新回答。

我对 React Native 很陌生,所以如果这是一个初学者问题,我很抱歉,但是要构建这个,我应该实现滚动视图还是平面列表?我正在考虑将所有问题和答案键放入 firebase 并映射到它们以显示问题并匹配多项选择答案。