react-native相关内容
我正在使用REACTION-Native-Flat列表滚动来自服务器的最大数据,并获取并显示在我的屏幕上。但在这里我面临着两个问题。 卷轴不平滑 滚动最大数据时显示空白。 这是我的示例代码。 componentDidMount() { let { page } = this.state; this.props.fetchAllItems(); if
..
我已经使用这个问题实现了一个类似Instagram Explore页面的列表React native grid like instagram 但它与布局完全不是很好的。有没有其他方法来实现这一点? 另一个问题是重新呈现某些行的不同项目滚动时,我通过更改应呈现项目的条件来减少该问题,但仍有问题。 我在这里上传了我的应用程序的视频:https://youtu.be/gP7kbwKDeNA
..
我的水平列表中有大约10个项目。我如下所示存储了对每个项目的引用。 const Item = ({ title, image, index }) => { linkRefs[index] = useRef(null); return (
..
我正在尝试将FlatList项放在列表的HeaderComponent旁边。我希望房间从Create房间旁边开始。下面是它的外观图片[1]:https://i.stack.imgur.com/qyZZP.png 以下是房间列表的代码: } numColumns={2} data
..
我看到this,但我做不到。 我有一个名为Days的静态列表,并将其绑定到FlatList,如下所示: const DAYS = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30 ] const App = ()
..
我正试图通过FlatList加载大量数据,但我面临的问题是,在滚动过程中,我在不同的地方也看到了这个问题,但没有一个告诉我如何正确解决这个问题。 我通过API获取的数据 我当前的平面列表:
..
问题 我在原生反应中使用平面列表,并希望与平面列表中的变量进行比较,如果两个变量相等,则呈现一个文本组件,如果两个变量不相等,则不呈现任何内容。我试过很多方法做这件事,但都不管用。我很想得到一些帮助,想出一种方法来做到这一点!谢谢。 推荐答案 有几种方法会立刻浮现在脑海中。我只是假设你想要比较的是什么,但你可以把这些变量换成你喜欢的。您可以做的第一件事是使您的文本在Text组件E
..
在Reaction NativeFlatList中,onEndReached在平面列表到达End时触发。Reach Start有什么道具吗? 当Flat List到达Start时,我想做点什么。 感谢您抽出时间。 推荐答案 您必须使用onScroll。然后onScroll函数将在开始时触发所需的函数。同时将限制值设置为‘0’将仅触发两次更改(一次在仍在滚动时,一次在滚动完成
..
正如您在上图中看到的,有一个由两列组成的垂直列表。我开发了两个Flat List,因为我无法使用Flat List列选项在一行上设置不同高度的照片样式。 我希望两个平面图具有相同的滚动位置。 我包装了两个FlatList组件以同步滚动。但这里有一个问题。ScllView忽略无限滚动并一次调用所有分页对象。存在性能问题。 如何解决此问题? 这是我的组件代码 import
..
我在我的应用程序中使用react-native-tab-view,其中我有两个选项卡。我正在通过API调用加载选项卡数据,以便在侧面选项卡中创建无限滚动分页,当数据从API连接到我的FlatList数据中时,则每次我的滚动条重置到顶部位置。我目前的零食demo如下:https://snack.expo.io/@luckyamit/9905d4 我不想在每个API调用中将滚动条重置在顶部,我已经为
..
我正在使用Reaction-Native-Flat列表网格滚动来自服务器的最大数据,并获取并显示在我的屏幕上。但在我的应用程序中,滚动并不流畅。 有什么解决方案吗? 滚动屏幕时,我也面临空白。List Get消失,并在UI中显示空白。 有解决方案吗? import React, { Component } from 'react'; import { ActivityI
..
我对Reaction Native有些陌生,并且一直在使用FlatList时遇到这个问题,我想更新它使用的数据源,并让它更新它自己。我的案例是有一个我想用FlatList显示的项目列表,然后每个项目都是可选择的。我看到的大多数示例都是使用组件,建议已经将state添加到extraData来解决这个问题。然而,我使用的是纯组件,并尝试查看在这种情况下是否有任何解决方案。遵循我创建的一个样例项目。在此
..
我有一个FlatList组件,由3个部分组成: }
..
我在滚动到我的平面列表的顶部时遇到了很多问题,所以如果有任何帮助,我将不胜感激! 本质上,它从Firebase获取前5个项目,然后在调用onEndReached时,将接下来的5个项目追加到列表中: data: [...this.state.data, ...results] 目前,我的视图顶部有一个刷新按钮,它执行以下操作: this.flatListRef.scrollTo
..
我正在尝试从我的Reaction本机应用程序上传多个文件。它在Year语句上给出Unexpected Token错误。 是否可以在循环内执行yield? files.map((fileOb)=>{ const response=yield call(FileManager.uploadFile, fileOb) yield put(Actions.fileUploaded(resp
..
我刚刚使用infinitered/ignite启动了一个新项目。 我已将getUserToken函数添加到APITestScreen 因此,我知道该函数按预期工作,但我无法将onPress函数与I added to the LaunchScreen按钮挂钩。 我已将其导入到视图中,但当我单击该按钮时没有任何反应。我已经添加了一个警报和一个sole.log,但它们没有被触发。我应该怎么做才能使
..
有人知道用Reaction Native使Android状态栏透明的方法吗? 不是半透明的,透明的。 我也在使用反应导航。 推荐答案 如下使用: 测试:";Reaction-Native";:";0.60.4";和";0.61.5";
..
测试如下: describe('', () => { it('Renders correctly', () => { // const setOptions = jest.fn(); // 1 // const setOptions = (navigation: any, route: any) => { } // 2 // const setOpti
..
简单的测试用例:希望查看给定元素是否被聚焦。 要检查某个元素是否集中在带有RTL和JEST的Reaction Web应用程序上,您可以使用两个简单的选项: 您可以检查元素是否与Docent.activeElement相同(可能需要丢弃一些包装器) 您可以使用https://github.com/testing-library/jest-dom#tohavefocus和expect(
..
我正在尝试检测父组件中的表单状态是否已更改,以便只有在表单值已更改时才能显示提交按钮。 初始呈现如预期显示FALSE,但更改这些值不会触发使用新的值重新呈现。 import React from 'react' import { isDirty } from 'redux-form' import { connect } from 'react-redux' {
..