问题标签 [react-native-listview]

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 回答
23852 浏览

react-native - 如何在 ListView 中添加/删除项目?

我们可以像这样为 ListView 创建一个数据源

但是,如果我想从数据源中添加项目或删除项目,我该怎么做呢?我是否需要始终使用更新的数组调用 cloneWithRows?

0 投票
2 回答
17553 浏览

react-native - 如何让 ListView 部分标题粘贴

我在屏幕顶部显示了按钮(使用react-native-scrollable-tab-view)。在按钮下方,我有ListView部分标题。

当我滚动时,有没有办法让标题粘在标签视图的底部边缘?

我很难让ListView's section header 粘在 Facebook TabBar 的底部,它的默认设置是粘在屏幕的顶部。

当我滚动时,部分标题会在标签栏下方滑动。

对此有什么想法吗?我应该在 FacebookTabBar.js 中更改什么以使其正常工作吗?

顶部没有标签栏

诺巴

顶部有标签栏

注意:奇怪的是这个 GIF 没有正确显示完整的动画;您可以想象列表滚动了很多,并且部分标题在选项卡栏下滑动。

带杆

节标题样式

FacebookTabBar 样式

0 投票
1 回答
4485 浏览

listview - React Native - 在特定位置滚动列表视图 - 以编程方式

在带有 Objective-C 的 iOS 中,我们可以UITableView通过使用方法滚动到特定的行索引,scrollToRowAtIndexPath但在 React-Native 中我没有找到这种Listview在特定行索引处滚动的方法。

以下是场景,

  1. Listview这样的可扩展行,例如在点击它时会扩展并且可扩展行包含TextInput组件。
  2. 在 中输入文本时TextInput,键盘将显示出来,理想情况下Listview应该向上滚动(一旦键盘放下,Listview应该向下滚动到之前的位置)。

这可以通过 Native-iOS 轻松实现,但我被困在 React-Native 中。

在此处输入图像描述


我尝试了以下方法,但效果不佳

scrollTo(x:0,y:10,animated:true)在组件中调用了一个方法Listview(实际上是它的方法Scrollview),通过它可以根据父视图的y 坐标向上/向下滚动。

我在我的代码中成功接收到键盘的 Up & Down 事件,基于此,我可以在键盘启动时以某种方式管理scrollTo(通过计算y 坐标)(如@Alexey 的回答中所述),但我不知道如何计算y键盘掉下来时的坐标?(此时理想情况下,Listview 应该向下滚动到其先前位置)。

任何帮助或提示将不胜感激!

0 投票
1 回答
260 浏览

react-native - reactNative listView xcode错误无法调整当前堆栈顶部超出可用视图

我想知道在rn listView demo中出现这种错误是什么情况?????? 左边是模拟器错误,右边是xcode错误

但是如果我注释掉这句话,它工作得很好但没有出现

0 投票
4 回答
6792 浏览

react-native - 在本机反应中具有交替颜色的列表视图

我有一系列对象,如下例所示;

是否可以为每个项目设置一个交替颜色的列表视图?

0 投票
1 回答
1464 浏览

javascript - React-native:如何将参数传递给手势响应回调

我有一个列表视图,其中的行由以下方式呈现:

在滑动停止时,即回调resetPosition,我想知道点击了哪一行。我看到如果我将其更改为:

我在回调中收到了帖子,但根本没有收到事件。我该怎么做?

0 投票
2 回答
3006 浏览

react-native - 如何确定滚动视图(或列表视图)子是否主要在 React Native 中显示

我目前正在使用 ListView 来显示一些数据。由于设计原因,行占据了屏幕高度的 70% 左右,这意味着始终至少有 2 行可见,最多为 3 行。我想确定的是哪一行最明显。

我目前正在使用 onChangeVisibleRows,但这只是告诉我哪些行可见或已进入或离开视图。

有任何想法吗?

0 投票
6 回答
65135 浏览

react-native - 图像“包含”resizeMode 在本机反应中不起作用

我在真正的 Android 设备上使用 React Native。在主应用程序组件上仅使用以下渲染功能创建一个非常简单的应用程序时...

我在我的设备上得到以下结果: screenshot_2016-04-05-11-05-41

如您所见,整个背景是黄色的,这告诉我们图像元素确实占据了整个屏幕尺寸。但它只是呈现错误。'cover' resizeMode 确实按预期工作('stretch' 模式也是如此)。不起作用的是“包含”模式(从我的角度来看,这是最重要的一种)。将图像放在 ListView 上时,问题会变得更糟,因为图像甚至不显示。

更新 1 正如 Frederick 指出的那样,“包含”仅在图像大于容器大小时才有效。那么我们怎样才能让图像占据整个容器的大小,同时保持它的纵横比呢?React 中的样式尚不支持百分比,并且我不知道如何在加载图像后获取图像的宽度和高度属性。与 Image 组件关联的所有事件都没有提供该信息。

更新 2 好消息。我现在正在使用 React Native v0.24.1,看起来图像“包含”模式现在可以按预期工作,即使实际图像大小小于其容器。zvona 的解决方案很好(虽然你需要记住 onLayout 会给你图像渲染的图像视图大小,但不是正在加载的实际图像大小)。至于现在,我不知道有什么方法可以找出实际的图像大小(假设您正在从网络资源中检索图像并且您不知道大小,如果您想计算,这可能非常重要它的纵横比)。

0 投票
1 回答
451 浏览

reactjs - ListView 中的 RefreshControl 由于某些未知原因而无法正常工作

下拉刷新时出现错误。 在此处输入图像描述

代码是这样的 -

出了什么问题?我也无法在 github 上找到任何东西。出了什么问题?我也无法在 github 上找到任何东西。

更新

你好。感谢您在 rnplay 上创建示例。但是我已经将问题的原因缩小到这个范围 - 每当我使用它RefreshControlListView在里面render()按预期工作时。但是当我从其他一些函数(如)返回ListView时,它会引发上述错误。我什至尝试过,但这也无济于事。RefreshControlrenderlistView()this.loadData().bind(this)

0 投票
1 回答
262 浏览

facebook - react-native中如何更新两个独立组件的状态?

更新 react-native 中两个独立组件的状态。

例如,我有两个组件,如contributorOne 和contributorTwo,基于contributorOne 中发生的一些事件,我想更新contributorTwo 数据的状态。

在contributorOne 和contributorTwo 组件中没有父子关系,所以任何人都可以帮助我解决这个问题。