问题标签 [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 投票
2 回答
1953 浏览

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”,

0 投票
1 回答
1908 浏览

react-native - 水平滚动 ListView 列的某些部分

我想在 React Native 中水平滚动 ListView 的某些部分。

如何固定第一列的位置并使其他列水平滚动?

0 投票
1 回答
8839 浏览

javascript - ReactNative ListView 设置数据加载后的初始滚动位置

我有一个事件部分,其中包含包含日期的部分标题。我需要能够跳转到特定日期,并将初始滚动位置设置为未来的第一个日期。

为了跳转到特定日期,我尝试将它们的 y 位置存储在 state 中。

我遇到了这种方法的问题,因为在列表更靠后的元素上没有调用 renderSectionHeader (由于延迟渲染)。

然后我尝试以数学方式计算位置,但这会导致每个部分的渲染显示在屏幕上,同时它正在接近给定日期。

有没有办法实现我所需要的?

有关的

React Native ListView:如何滚动到特定行

https://github.com/facebook/react-native/issues/499

更新

在我的应用程序中,我知道所有行的高度完全相同。

使用contentOffset={{ y: offsetY }}而不是setScroll不起作用,因为它仍然需要渲染所有项目直到给定项目才能工作。

使用initialListSize={99999999}确实有效,但会使页面非常慢,并且我已被警告不要使用它。

更新 2

是否可以将我的初始内容提供给数据源,然后更新数据以在当前屏幕上的元素之前和之后添加额外的项目?

或者是否有一个我没有找到的库可以满足我的需要?

0 投票
0 回答
171 浏览

react-native - 如果出现键盘,则在 android 中出现问题

嗨,我设计了一个注册页面,为此我编写了这样的代码

这里面临的问题是,当在焦点上单击 textInput 时,我正在向上滚动视图,我在导航栏下方编写了滚动视图,当单击 Textinput 时,它向上滚动视图,在 IOS 中我的代码工作正常,但在android 当键盘出现时,它会向上移动总视图,下面附上我面临的问题的图像 在此处输入图像描述

任何人都可以给我建议如何解决它,非常感谢任何帮助

0 投票
2 回答
358 浏览

android - 我们可以将listview用于异构集合吗

我需要创建一个像 facebook 应用程序这样的提要屏幕,我将从 api 获取数据,并且每一行都有不同大小的图像和文本。我知道 ScrollView 既适用于同质集合又适用于异构集合,而 listView 仅适用于同质集合,但我可以将 listview 用于提要的异构集合。?

0 投票
1 回答
1730 浏览

android - 在不同的标签之间滑动很流畅,但标签的变化很慢

我在 android 上,并在我的物理设备上进行测试。我正在使用react-native-scrollable-tab-view。我里面有两个标签ScrollableTabView(关注和推荐)。

在 FollowPostPage 里面我有一个ScrollView帖子列表(每个帖子都有一张图片和一些文字)

在RecommendedPostPage 里面只有一个文本。

标签之间的滑动很流畅。但是,选项卡的更改速度非常慢。

如果我按“推荐”选项卡,或者如果我从“关注”滑动到“推荐”,则滑动很顺畅,并且一旦页面更改,选项卡也会随之更改。

但是,当我在“推荐”时,按“关注”选项卡或从“推荐”滑动到“关注”,滑动非常流畅,但选项卡更改需要很长时间,您可以从这里看到 GIF

我该如何解决这个问题?你能帮我弄清楚吗?谢谢你。

0 投票
1 回答
2652 浏览

ios - 对本机可滚动选项卡视图 onchange 做出反应

谁能帮助我如何在反应原生可滚动选项卡视图中使用 onChange 道具?任何示例代码?基本上我想在选项卡更改时获取数据。

当我去 OverView1 场景时,我想从 api 获取数据并渲染返回的信息。基本上我想在选项卡更改时捕捉一个事件。我发现有一个 onChange 道具,但无法弄清楚如何使用。感谢帮助!谢谢!!

0 投票
0 回答
215 浏览

react-native - React Native - ScrollView:如何初始化底部的视图?

我找到了有关使用 refs、scrollTo 和 ScrollView 的 onContentSizeChange 属性调整视图的资源,但是如果我希望 ScrollView 安装在底部的滚动位置,如果可能的话,我该怎么做?

我能来的最接近的是根据 componentDidMount 方法上的 ref 调用 scrollTo 。然而,即使动画设置为 false,它仍然会在视觉上滚动到底部。

0 投票
3 回答
5340 浏览

react-native - React Native - ScrollView 中的 ListView 分页?

我在一个组件中有 3ListViewScrollView组件,如下所示:

Header组件有一些共同的内容,也有 3 个选项卡,它们触发显示各自的ListView

问题是ListView永远onEndReached={() => alert('load more 1')}不会运行警报,所以当我向下滚动并点击列表视图的末尾时,我永远无法加载更多。删除包装ScrollView并且警报运行,但 commonHeader不会滚动,因为我们刚刚删除了 wrapping ScrollView。标题需要随着列表视图滚动,这就是为什么我将需要滚动的所有内容都包装在ScrollView.

重要提示:对于这种情况, 我不能真正使用ListViewwith 。renderHeader={this.header}因为,即使会滚动,它也会在每次 a渲染时Header重新渲染 commonHeader和 3 个选项卡,而不是一次。因此,每次为每个新的重新渲染都不会为应用程序削减它。ListViewListViewHeaderListView

寻找解决此问题的方法,其中Header使用 listviews 滚动,并且onEndReached为 visible 触发ListView

0 投票
1 回答
3946 浏览

react-native - 测量 react-native ref (ListView) 的高度

如果您只有 ,如何测量反应原生元素的高度ref

我看到了NativeMethodsMixin,但不清楚如何实现它。

我尝试将其包括为:

但该应用程序抱怨NativeMethodsMixin未定义。

如果我走的RCTUIManager路线:

然后我得到一个错误:Uncaught TypeError: Converting circular structure to JSON

我只是想得到那个高度ref。我错过了什么?