问题标签 [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.
react-native - 是否可以使用 Animated API 在 react-native 中控制 Animated.Scrollview 的滚动位置?
我试图Animated.ScrollView
在用户松开手指后手动控制 a 的减速。我发现了很多关于将动画值设置为滚动视图位置的资源,但没有将滚动视图的位置与动画值联系起来。是否可以按照我描述的方式控制滚动视图?
react-native - 以反应导航选项卡为内容的滚动视图
我有一个身份验证屏幕,我想在其中显示一个徽标并反应在两个组件之间切换的本机选项卡。当标签内容的高度太大以至于无法适应屏幕,我希望能够向下滚动。
问题是即使选项卡组件的内容超过屏幕高度,滚动视图也不会显示。
我的标签组件:
任何帮助表示赞赏。谢谢大家的时间!
reactjs - 向上拖动一个 ScrollView,然后在 React Native 中继续滚动
我想要什么 (GIF)
这是关于我想要实现的目标的(质量降低的)GIF。
我想要什么(文字)
我有一个scrollview
, 位于屏幕的一半。
我想要的是scrollview
向上拖动它,然后,当它到达某个位置时,将它发送drag touch event
给scrollview
它自己,这样它就可以继续滚动。
我的尝试
- 将滚动视图全屏放在前台,并在其
contentContainerStyle
. 它运作良好,但我无法单击它背后的视图。有没有办法点击滚动视图的空白区域? 我还尝试检测滚动位置,以便相应地向上移动视图
但是当我在iOS模拟器上测试它时没有用。事件甚至没有被触发。React Native Docs声明
onScroll
需要scrollEventThrottle
工作。但是,scrollEventThrottle
仅在 iOS 上可用。就我而言,我也希望在 Android 上使用它。
如果我成功实现了这一点,我应该面临另一个 UI 问题:向上拖动 ScrollView 时,如何防止它在视图尚未位于所需位置时滚动?
那么,你能给我一些提示来实现这一点吗:)?
谢谢,
react-native - React Native - ScrollView 中的 WebView 和 FlatList 可滚动
我在 react native 中制作视图,但我的组件有一个 webview 来显示 HTML,webview 下面是一个平面列表(项目列表)父组件应该可以基于 webview 和平面列表滚动。我试图把它们放在一起,但它没有按我的意愿工作。
因此,我将不胜感激您的所有意见和建议。谢谢
更新: 在库的所有者更新后,我在这里找到了解决方案 https://github.com/iou90/react-native-autoheight-webview/issues/81
react-native - React-Native-Scrollview 的 Scroll 在达到stickyHeaderIndices 时被禁用
我正在尝试使我的标签栏变粘我正在使用native base
标签栏并且他们正在使用"react-native-scrollable-tab-view"
. 我用 scrollView 包裹我的根视图并设置“stickyHeaderIndices = {[1]}”,这对于使我的标签栏粘在顶部很有用,但是当这些标签栏粘在顶部时,滚动停止工作,然后粘在顶部它工作正常,但是当这些选项卡粘在顶部滚动条上时,它会停止工作有什么建议吗?
我尝试添加另一个scrollView,以便我的滚动工作但没有运气,我在选项卡内有FlatList组件,但FlatList的滚动在stickyHeaderIndices之后也不起作用,然后stickyHeaderIndices滚动工作。
滚动应该在stickyHeaderIndices 之后起作用。
react-native - 在 react-native 中管理 ScrollView 和 Input-Keyboard
Account Name 和 Total 之间的视图是一个 FlatList。
这是正常视图
这是当我单击其中一个文本视图时会发生的情况。
一旦点击它似乎无法使用。如果 Total 及其下方的所有内容在键盘打开时不存在于屏幕上,则完全没问题。
任何有关实现相同目标的帮助将不胜感激。
react-native - React Native Scrollview 与 flexGrow 不滚动
我在我的反应原生项目中使用滚动视图。但它不可滚动,即我看不到顶部元素。当我滚动到底部时,视图会弹回来。我的要求实际上是这样的
1)底部项目应该可见 -----> 现在工作正常
2)虽然滚动顶部项目应该是可见的不应该反弹视图----->现在这是问题
这是我的代码
知道我错过了什么吗?任何帮助将不胜感激!
react-native - 在 React Native 中,如何获得 ScrollView 和 InputAccessoryView 以避免键盘?
我正在尝试创建一个类似于粘性文本输入的 iMessage,其中 ScrollView 内容在显示键盘时向上移动,在键盘被拖动关闭时向下移动。在 Github 上的 React Native 存储库中,有一个示例InputAccessoryViewExample.js几乎正是我想要的,除了显示键盘时,ScrollView 的内容(消息)被键盘覆盖。
我已经尝试了以下几种排列但没有成功。
react-native - 带有滚动视图的 Accordion-Collapse-react-native
我正在尝试在我的项目中添加手风琴类型视图,我正在使用来自 github Accordion-Collapse-react-native 的这个库
我能够成功集成该库并且它可以工作,但问题是当我将它放在滚动视图中时它不会扩展。如果我不把它放在滚动视图中,它可以正常工作,但它不会滚动。不知道我错过了什么。有人用过这个库吗?任何人都可以帮忙吗?以下是到目前为止我的代码示例。