react-native相关内容

如果Flatlist在反应原生中有最大的数据,则在滚动屏幕时会将其空白

我正在使用REACTION-Native-Flat列表滚动来自服务器的最大数据,并获取并显示在我的屏幕上。但在这里我面临着两个问题。 卷轴不平滑 滚动最大数据时显示空白。 这是我的示例代码。 componentDidMount() { let { page } = this.state; this.props.fetchAllItems(); if ..

对于动态项目和大数据,Reaction原生平面列表速度很慢

我已经使用这个问题实现了一个类似Instagram Explore页面的列表React native grid like instagram 但它与布局完全不是很好的。有没有其他方法来实现这一点? 另一个问题是重新呈现某些行的不同项目滚动时,我通过更改应呈现项目的条件来减少该问题,但仍有问题。 我在这里上传了我的应用程序的视频:https://youtu.be/gP7kbwKDeNA ..

如何在If语句中呈现某些内容Reaction Native

问题 我在原生反应中使用平面列表,并希望与平面列表中的变量进行比较,如果两个变量相等,则呈现一个文本组件,如果两个变量不相等,则不呈现任何内容。我试过很多方法做这件事,但都不管用。我很想得到一些帮助,想出一种方法来做到这一点!谢谢。 推荐答案 有几种方法会立刻浮现在脑海中。我只是假设你想要比较的是什么,但你可以把这些变量换成你喜欢的。您可以做的第一件事是使您的文本在Text组件E ..

Reaction Native on EndReach平面列表

在Reaction NativeFlatList中,onEndReached在平面列表到达End时触发。Reach Start有什么道具吗? 当Flat List到达Start时,我想做点什么。 感谢您抽出时间。 推荐答案 您必须使用onScroll。然后onScroll函数将在开始时触发所需的函数。同时将限制值设置为‘0’将仅触发两次更改(一次在仍在滚动时,一次在滚动完成 ..
发布时间:2022-09-23 13:21:19 其他开发

如何在本机Reaction中同步两个平面列表滚动位置

正如您在上图中看到的,有一个由两列组成的垂直列表。我开发了两个Flat List,因为我无法使用Flat List列选项在一行上设置不同高度的照片样式。 我希望两个平面图具有相同的滚动位置。 我包装了两个FlatList组件以同步滚动。但这里有一个问题。ScllView忽略无限滚动并一次调用所有分页对象。存在性能问题。 如何解决此问题? 这是我的组件代码 import ..
发布时间:2022-09-23 13:15:07 移动开发

为什么使用REACT-Native-Tab-view在REACT原生无限滚动中,滚动条位于顶部

我在我的应用程序中使用react-native-tab-view,其中我有两个选项卡。我正在通过API调用加载选项卡数据,以便在侧面选项卡中创建无限滚动分页,当数据从API连接到我的FlatList数据中时,则每次我的滚动条重置到顶部位置。我目前的零食demo如下:https://snack.expo.io/@luckyamit/9905d4 我不想在每个API调用中将滚动条重置在顶部,我已经为 ..

平面列表滚动运行不畅,在Reaction本机应用程序中滚动文字列表时显示空白

我正在使用Reaction-Native-Flat列表网格滚动来自服务器的最大数据,并获取并显示在我的屏幕上。但在我的应用程序中,滚动并不流畅。 有什么解决方案吗? 滚动屏幕时,我也面临空白。List Get消失,并在UI中显示空白。 有解决方案吗? import React, { Component } from 'react'; import { ActivityI ..
发布时间:2022-09-23 13:01:11 其他开发

纯组件中的反应本机更新FlatList数据

我对Reaction Native有些陌生,并且一直在使用FlatList时遇到这个问题,我想更新它使用的数据源,并让它更新它自己。我的案例是有一个我想用FlatList显示的项目列表,然后每个项目都是可选择的。我看到的大多数示例都是使用组件,建议已经将state添加到extraData来解决这个问题。然而,我使用的是纯组件,并尝试查看在这种情况下是否有任何解决方案。遵循我创建的一个样例项目。在此 ..
发布时间:2022-09-23 12:56:31 前端开发

反应-本地滚动到带有平面列表的顶部

我在滚动到我的平面列表的顶部时遇到了很多问题,所以如果有任何帮助,我将不胜感激! 本质上,它从Firebase获取前5个项目,然后在调用onEndReached时,将接下来的5个项目追加到列表中: data: [...this.state.data, ...results] 目前,我的视图顶部有一个刷新按钮,它执行以下操作: this.flatListRef.scrollTo ..
发布时间:2022-09-23 12:44:54 其他开发

如何在`onClick`事件中调用Redux Saga操作?

我刚刚使用infinitered/ignite启动了一个新项目。 我已将getUserToken函数添加到APITestScreen 因此,我知道该函数按预期工作,但我无法将onPress函数与I added to the LaunchScreen按钮挂钩。 我已将其导入到视图中,但当我单击该按钮时没有任何反应。我已经添加了一个警报和一个sole.log,但它们没有被触发。我应该怎么做才能使 ..
发布时间:2022-09-20 17:47:24 前端开发

Reaction Native:如何测试元素是否聚焦?

简单的测试用例:希望查看给定元素是否被聚焦。 要检查某个元素是否集中在带有RTL和JEST的Reaction Web应用程序上,您可以使用两个简单的选项: 您可以检查元素是否与Docent.activeElement相同(可能需要丢弃一些包装器) 您可以使用https://github.com/testing-library/jest-dom#tohavefocus和expect( ..

Redux-Form V6 isDirty(和isPristine)选择器不会在状态更改时触发重新呈现

我正在尝试检测父组件中的表单状态是否已更改,以便只有在表单值已更改时才能显示提交按钮。 初始呈现如预期显示FALSE,但更改这些值不会触发使用新的值重新呈现。 import React from 'react' import { isDirty } from 'redux-form' import { connect } from 'react-redux' { ..
发布时间:2022-09-03 17:02:32 其他开发