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

react-native - 是否可以使用 Animated API 在 react-native 中控制 Animated.Scrollview 的滚动位置?

我试图Animated.ScrollView在用户松开手指后手动控制 a 的减速。我发现了很多关于将动画值设置为滚动视图位置的资源,但没有将滚动视图的位置与动画值联系起来。是否可以按照我描述的方式控制滚动视图?

0 投票
0 回答
2346 浏览

react-native - 以反应导航选项卡为内容的滚动视图

我有一个身份验证屏幕,我想在其中显示一个徽标并反应在两个组件之间切换的本机选项卡。当标签内容的高度太大以至于无法适应屏幕,我希望能够向下滚动。

问题是即使选项卡组件的内容超过屏幕高度,滚动视图也不会显示。

我的标签组件:

任何帮助表示赞赏。谢谢大家的时间!

0 投票
1 回答
4768 浏览

android - react-native-keyboard-aware-scroll-view 不在 Android 上滚动

react-native-keyboard-aware-scroll-view 在 Android 上没有滚动,这是一个问题,因为当我点击顶部的 textInput 时,它会消失,我无法将它滚动到视图中。在此处输入图像描述

在此处输入图像描述 我已经添加了

android:windowSoftInputMode="adjustPan"

到android清单,我在文件顶部导入了react-native-keyboard-aware-scroll-view。这是我拥有的代码。

我曾尝试在 KeyboardAwareScrollView 之前和之后添加滚动视图,并有一个视图来扭曲它,但我似乎无法让它适用于 android。

0 投票
2 回答
6910 浏览

reactjs - 向上拖动一个 ScrollView,然后在 React Native 中继续滚动

我想要什么 (GIF)

这是关于我想要实现的目标的(质量降低的)GIF。

在此处输入图像描述

我想要什么(文字)

我有一个scrollview, 位于屏幕的一半。

我想要的是scrollview向上拖动它,然后,当它到达某个位置时,将它发送drag touch eventscrollview它自己,这样它就可以继续滚动。

我的尝试

  • 将滚动视图全屏放在前台,并在其contentContainerStyle. 它运作良好,但我无法单击它背后的视图。有没有办法点击滚动视图的空白区域
  • 我还尝试检测滚动位置,以便相应地向上移动视图

    但是当我在iOS模拟器上测试它时没有用。事件甚至没有被触发。React Native Docs声明onScroll需要scrollEventThrottle工作。但是,scrollEventThrottle在 iOS 上可用。就我而言,我也希望在 Android 上使用它。
    如果我成功实现了这一点,我应该面临另一个 UI 问题:向上拖动 ScrollView 时,如何防止它在视图尚未位于所需位置时滚动?

那么,你能给我一些提示来实现这一点吗:)?

谢谢,

0 投票
2 回答
2520 浏览

react-native - React Native - ScrollView 中的 WebView 和 FlatList 可滚动

我在 react native 中制作视图,但我的组件有一个 webview 来显示 HTML,webview 下面是一个平面列表(项目列表)父组件应该可以基于 webview 和平面列表滚动。我试图把它们放在一起,但它没有按我的意愿工作。

因此,我将不胜感激您的所有意见和建议。谢谢

在此处输入图像描述

更新: 在库的所有者更新后,我在这里找到了解决方案 https://github.com/iou90/react-native-autoheight-webview/issues/81

0 投票
0 回答
992 浏览

react-native - React-Native-Scrollview 的 Scroll 在达到stickyHeaderIndices 时被禁用

我正在尝试使我的标签栏变粘我正在使用native base标签栏并且他们正在使用"react-native-scrollable-tab-view". 我用 scrollView 包裹我的根视图并设置“stickyHeaderIndices = {[1]}”,这对于使我的标签栏粘在顶部很有用,但是当这些标签栏粘在顶部时,滚动停止工作,然后粘在顶部它工作正常,但是当这些选项卡粘在顶部滚动条上时,它会停止工作有什么建议吗?

我尝试添加另一个scrollView,以便我的滚动工作但没有运气,我在选项卡内有FlatList组件,但FlatList的滚动在stickyHeaderIndices之后也不起作用,然后stickyHeaderIndices滚动工作。

滚动应该在stickyHeaderIndices 之后起作用。

0 投票
0 回答
49 浏览

react-native - 在 react-native 中管理 ScrollView 和 Input-Keyboard

Account Name 和 Total 之间的视图是一个 FlatList。

这是正常视图

这是当我单击其中一个文本视图时会发生的情况。

一旦点击它似乎无法使用。如果 Total 及其下方的所有内容在键盘打开时不存在于屏幕上,则完全没问题。

任何有关实现相同目标的帮助将不胜感激。

0 投票
1 回答
2477 浏览

react-native - React Native Scrollview 与 flexGrow 不滚动

我在我的反应原生项目中使用滚动视图。但它不可滚动,即我看不到顶部元素。当我滚动到底部时,视图会弹回来。我的要求实际上是这样的

1)底部项目应该可见 -----> 现在工作正常

2)虽然滚动顶部项目应该是可见的不应该反弹视图----->现在这是问题

这是我的代码

知道我错过了什么吗?任何帮助将不胜感激!

0 投票
0 回答
671 浏览

react-native - 在 React Native 中,如何获得 ScrollView 和 InputAccessoryView 以避免键盘?

我正在尝试创建一个类似于粘性文本输入的 iMessage,其中 ScrollView 内容在显示键盘时向上移动,在键盘被拖动关闭时向下移动。在 Github 上的 React Native 存储库中,有一个示例InputAccessoryViewExample.js几乎正是我想要的,除了显示键盘时,ScrollView 的内容(消息)被键盘覆盖。

我已经尝试了以下几种排列但没有成功。

0 投票
0 回答
2788 浏览

react-native - 带有滚动视图的 Accordion-Collapse-react-native

我正在尝试在我的项目中添加手风琴类型视图,我正在使用来自 github Accordion-Collapse-react-native 的这个库

我能够成功集成该库并且它可以工作,但问题是当我将它放在滚动视图中时它不会扩展。如果我不把它放在滚动视图中,它可以正常工作,但它不会滚动。不知道我错过了什么。有人用过这个库吗?任何人都可以帮忙吗?以下是到目前为止我的代码示例。