问题标签 [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 - React Native ListView 插图
我尝试过使用插图,它适用于 iOS,但对于 android,问题仍然存在。
我原以为 Listview(iOS) 的插图会自动设置。在这种情况下,automaticAdjustContentInsets={true} 不起作用。我在插图中硬编码。
对于 iOS,listView 的运行速度似乎也有点慢。
Android 的问题是 listView 似乎没有正确插入。
我的怀疑是反应原生通量路由器没有考虑导航栏下方的内容。
我正在使用 React-native-router-flux 进行呈现导航栏的导航。
“react-native-router-flux”:“^3.30.0”,“react-native”:“^0.28.0”,
javascript - ReactNative ListView 设置数据加载后的初始滚动位置
我有一个事件部分,其中包含包含日期的部分标题。我需要能够跳转到特定日期,并将初始滚动位置设置为未来的第一个日期。
为了跳转到特定日期,我尝试将它们的 y 位置存储在 state 中。
我遇到了这种方法的问题,因为在列表更靠后的元素上没有调用 renderSectionHeader (由于延迟渲染)。
然后我尝试以数学方式计算位置,但这会导致每个部分的渲染显示在屏幕上,同时它正在接近给定日期。
有没有办法实现我所需要的?
有关的
React Native ListView:如何滚动到特定行
https://github.com/facebook/react-native/issues/499
更新
在我的应用程序中,我知道所有行的高度完全相同。
使用contentOffset={{ y: offsetY }}
而不是setScroll
不起作用,因为它仍然需要渲染所有项目直到给定项目才能工作。
使用initialListSize={99999999}
确实有效,但会使页面非常慢,并且我已被警告不要使用它。
更新 2
是否可以将我的初始内容提供给数据源,然后更新数据以在当前屏幕上的元素之前和之后添加额外的项目?
或者是否有一个我没有找到的库可以满足我的需要?
android - 我们可以将listview用于异构集合吗
我需要创建一个像 facebook 应用程序这样的提要屏幕,我将从 api 获取数据,并且每一行都有不同大小的图像和文本。我知道 ScrollView 既适用于同质集合又适用于异构集合,而 listView 仅适用于同质集合,但我可以将 listview 用于提要的异构集合。?
android - 在不同的标签之间滑动很流畅,但标签的变化很慢
我在 android 上,并在我的物理设备上进行测试。我正在使用react-native-scrollable-tab-view。我里面有两个标签ScrollableTabView
(关注和推荐)。
在 FollowPostPage 里面我有一个ScrollView
帖子列表(每个帖子都有一张图片和一些文字)
在RecommendedPostPage 里面只有一个文本。
标签之间的滑动很流畅。但是,选项卡的更改速度非常慢。
如果我按“推荐”选项卡,或者如果我从“关注”滑动到“推荐”,则滑动很顺畅,并且一旦页面更改,选项卡也会随之更改。
但是,当我在“推荐”时,按“关注”选项卡或从“推荐”滑动到“关注”,滑动非常流畅,但选项卡更改需要很长时间,您可以从这里看到 GIF:
我该如何解决这个问题?你能帮我弄清楚吗?谢谢你。
ios - 对本机可滚动选项卡视图 onchange 做出反应
谁能帮助我如何在反应原生可滚动选项卡视图中使用 onChange 道具?任何示例代码?基本上我想在选项卡更改时获取数据。
当我去 OverView1 场景时,我想从 api 获取数据并渲染返回的信息。基本上我想在选项卡更改时捕捉一个事件。我发现有一个 onChange 道具,但无法弄清楚如何使用。感谢帮助!谢谢!!
react-native - React Native - ScrollView:如何初始化底部的视图?
我找到了有关使用 refs、scrollTo 和 ScrollView 的 onContentSizeChange 属性调整视图的资源,但是如果我希望 ScrollView 安装在底部的滚动位置,如果可能的话,我该怎么做?
我能来的最接近的是根据 componentDidMount 方法上的 ref 调用 scrollTo 。然而,即使动画设置为 false,它仍然会在视觉上滚动到底部。
react-native - React Native - ScrollView 中的 ListView 分页?
我在一个组件中有 3ListView
个ScrollView
组件,如下所示:
该Header
组件有一些共同的内容,也有 3 个选项卡,它们触发显示各自的ListView
问题是ListView
永远onEndReached={() => alert('load more 1')}
不会运行警报,所以当我向下滚动并点击列表视图的末尾时,我永远无法加载更多。删除包装ScrollView
并且警报运行,但 commonHeader
不会滚动,因为我们刚刚删除了 wrapping ScrollView
。标题需要随着列表视图滚动,这就是为什么我将需要滚动的所有内容都包装在ScrollView
.
重要提示:对于这种情况,
我不能真正使用ListView
with 。renderHeader={this.header}
因为,即使会滚动,它也会在每次 a渲染时Header
重新渲染 commonHeader
和 3 个选项卡,而不是一次。因此,每次为每个新的重新渲染都不会为应用程序削减它。ListView
ListView
Header
ListView
寻找解决此问题的方法,其中Header
使用 listviews 滚动,并且onEndReached
为 visible 触发ListView
。
react-native - 测量 react-native ref (ListView) 的高度
如果您只有 ,如何测量反应原生元素的高度ref
?
我看到了NativeMethodsMixin,但不清楚如何实现它。
我尝试将其包括为:
但该应用程序抱怨NativeMethodsMixin
未定义。
如果我走的RCTUIManager
路线:
然后我得到一个错误:Uncaught TypeError: Converting circular structure to JSON
我只是想得到那个高度ref
。我错过了什么?