问题标签 [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.
android - React Native - 无法滚动到我的 ScrollView 的底部
我正在使用react-native-nested-scroll-view结合 react native 的滚动视图。在某些 android 设备上,我无法滚动到应用程序屏幕的底部。应用程序屏幕使用 react-navigation 选项卡。我的类的结构就像 - 父类
子标签
当我滚动时,我的内容存在,但应用程序屏幕直到最后都没有滚动。一些见解会很有用。PS 在某些安卓设备上会注意到这种行为。我无法确定它是否是特定于设备的错误或包相关。使用 flex 或为我的滚动视图设置高度或嵌套滚动视图的行为是相同的。
更多代码 - 父母。
孩子 -
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.
react-native - React Native - 如何在从另一个屏幕导航后将 ScrollView 滚动到给定位置
当我们刚刚通过 StackNavigator 导航到当前屏幕时,是否可以告诉 ScrollView 滚动到特定位置?
我有两个屏幕;菜单和项目。菜单是一个按钮列表,每个项目一个。Items 屏幕包含一个使用 ScrollView 构建的 Carousel,其中包含每个 Item 的图片和详细描述。
当我单击菜单屏幕中的按钮时,我想导航到项目屏幕,并自动滚动到按钮所代表的项目。
我读到您可以在使用 StackNavigator 时像这样传递参数:但我不知道如何在我的项目屏幕中读出该参数。
那么这在 React Native 中是可能的吗?我该怎么做呢?或者也许我使用了错误的导航器?
这是我的两个屏幕的简化版本:
应用程序.js:
菜单.js
项目.js
PS我目前专门针对Android,但理想情况下可能有一个跨平台的解决方案。
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
?谢谢 !
react-native - ScrollView 中的大图像不会让滚动
我正在尝试将图像(按图像全尺寸)添加到ScrollView
组件中,其想法是让图像具有自己的大小(不限制它),而是让水平和垂直滚动(取决于图像) . 所以我在Image.getSize()
a 中使用它ScrollView
,这是我的组件,
谢谢!
reactjs - 我们如何在本机反应中隐藏向下滚动事件的标签栏
我正在使用 react-native-tab-view 模块在我的应用程序中实现选项卡。标签工作正常,但我希望当用户向下滚动列表时,标签栏应该用动画隐藏。
我正在使用的模块链接,即 https://github.com/react-native-community/react-native-tab-view
这是我的代码:-
react-native - 在不重新渲染所有项目的情况下将项目添加到 ScrollView
在我当前的用例中,我将项目添加到ScrollView
. 我注意到,如果我将一个项目添加到位于 state 中的项目集合中,所有项目都会重新呈现。
我有什么解决方法吗?当前实现必须是ScrollView
,因此更改为FlatList
List 或任何其他实现都无关紧要。
谢谢