如何使用搜索栏和Redux钩子在React Native中搜索FlatList
在React Native中使用搜索栏和Redux钩子搜索FlatList，可以按照以下步骤进行：
- 首先，安装所需的依赖：
- 安装Redux和React Redux：
npm install redux react-redux - 安装Redux Thunk：
npm install redux-thunk - 安装React Navigation：
npm install @react-navigation/native - 安装React Navigation Stack：
npm install @react-navigation/stack
- 安装Redux和React Redux：
- 创建Redux store和相关的action和reducer：
- 创建一个名为
searchActions.js的文件，定义搜索相关的action，例如setSearchQuery用于设置搜索关键字。 - 创建一个名为
searchReducer.js的文件，定义搜索相关的reducer，处理搜索关键字的状态更新。
- 创建一个名为
- 在Redux store中整合搜索的reducer：
- 在根reducer中使用
combineReducers函数将搜索的reducer整合到根reducer中。
- 在根reducer中使用
- 创建一个名为
SearchScreen.js的组件，用于展示搜索栏和FlatList：- 导入所需的组件和库，包括React、React Native、Redux和React Redux等。
- 使用Redux的
useSelector和useDispatch钩子获取搜索关键字和触发搜索的方法。 - 在组件中创建一个搜索栏，监听搜索关键字的变化，并调用搜索方法。
- 在组件中创建一个FlatList，根据搜索关键字过滤数据并展示。
- 在主应用程序组件中配置导航：
- 导入所需的组件和库，包括React、React Native和React Navigation等。
- 创建一个名为
App.js的文件，用于配置导航。 - 在导航配置中添加一个名为
Search的屏幕，指向之前创建的SearchScreen组件。
- 在主应用程序组件中使用Redux Provider：
- 在
App.js中导入所需的组件和库，包括React、React Native和React Redux等。 - 创建一个名为
App的组件，用于包裹整个应用程序。 - 在
App组件中使用Redux的Provider组件，将Redux store传递给应用程序。
- 在
- 在入口文件中渲染应用程序：
- 在入口文件（例如
index.js）中导入所需的组件和库，包括React和React Native等。 - 在入口文件中渲染应用程序的根组件，即之前创建的
App组件。
- 在入口文件（例如
通过以上步骤，你可以在React Native中使用搜索栏和Redux钩子来搜索FlatList。这样做的优势是可以实现组件之间的状态共享和管理，提高代码的可维护性和可扩展性。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。产品介绍链接
- 腾讯云数据库（TencentDB）：提供多种数据库产品，包括关系型数据库和NoSQL数据库。产品介绍链接
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。产品介绍链接
- 腾讯云人工智能（AI）：提供多种人工智能服务，包括图像识别、语音识别、自然语言处理等。产品介绍链接
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，包括设备接入、数据管理、应用开发等。产品介绍链接
- 腾讯云区块链（BCBaaS）：提供基于区块链技术的解决方案，包括区块链服务和区块链应用开发平台。产品介绍链接
- 腾讯云视频处理（VOD）：提供视频上传、转码、截图、水印等功能，支持各种视频处理需求。产品介绍链接
- 腾讯云音视频通信（TRTC）：提供实时音视频通信能力，支持多人音视频通话和互动直播。产品介绍链接
相关·内容
我正在尝试使用react-native-dynamic-searchbar和Redux钩子在React Native中搜索FlatList。有很多关于如何做到这一点的信息，但没有使用分派钩子。 我的非工作代码如下： const Contacts = () => {
const dispatch = useDispatch();
const contacts = useSelector(state => state.user.parsedContacts);
const renderContacts = contacts => {
return (
浏览 18提问于2020-04-09得票数 2
回答已采纳
我试着使用redux，但我得到了这个错误，这是值得注意的。
我使用的是这样的:
import React, { Component } from 'react';
import { connect } from 'react-redux';
class LibraryList extends Component {
render() {
return null;
}
}
const mapStateToProps = state => {
console.log(state);
};
export d
浏览 2提问于2019-04-24得票数 3
回答已采纳
1回答
我想要制作一个搜索栏，用于使用redux本机对列表中的项进行搜索。
我试过这样做：
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { Text, View, FlatList, Image, ScrollView, StyleSheet, TouchableOpacity, TextInput} from 'react-native';
import { SearchBox, Spinner } from '.
浏览 1提问于2019-09-11得票数 0
2回答
无效钩子调用反应
、、
构建您自己的钩子可以将组件逻辑提取到可重用的函数中。这就是我想要做的:将我的组件逻辑提取到其他组件的可重用函数中。
我的职能部分：
//React
import React from 'react';
import { FlatList, View, Text, StyleSheet } from 'react-native';
//Local
import UserPreview from './UserPreview';
import defaultContainer from '../../shared/styles/default
浏览 10提问于2020-08-01得票数 2
回答已采纳
1回答
我试着用突变和反应钩子建立一个聊天室。我找不到解决我所犯错误的办法。错误是:无效的钩子调用。钩子只能在函数组件的主体内调用。这种情况的发生有以下原因之一：
您可能有React和呈现器的版本不匹配(例如React )。
你可能违反了胡克斯的规则
在同一个应用程序中，可能有多个React副本。
在下面您可以看到两个hook.ts文件和我的屏幕的代码示例
import { getStateFromPath } from '@react-navigation/native';
import axios from 'axios';
import { u
浏览 6提问于2022-05-20得票数 0
回答已采纳
1回答
状态“提醒”与键“提醒”一起保存到AsyncStorage。现在我需要在每次应用程序启动时从AsyncStorage加载“提醒”和关键“提醒”。然后将其显示在FlatList中。 我怎么能做到这一点？ import React, {useState, Component} from 'react';
import {
StyleSheet,
Text,
View,
SafeAreaView,
FlatList,
} from 'react-native';
import {AsyncStorage} from 'react-nati
浏览 17提问于2020-04-03得票数 1
回答已采纳
我对本机和redux的反应相当陌生，我试图使用redux从一个平面列表中的JSON文件中呈现库标题，但是我的FlatList组件不会在屏幕上呈现任何内容。这是我的密码：
LibraryList.js
import React, { Component } from "react";
import { FlatList } from "react-native";
import { connect } from "react-redux";
import ListItem from "./ListItem";
class Libr
浏览 7提问于2020-03-11得票数 2
1回答
在从远程url获取Json数据并试图通过FlatList组件呈现数据时，我不断地获得红色屏幕上的错误“不兼容的接收器映射”。
我强烈认为这与android有关。
Json的反应恰如其分地出现在“反应记录器”中。
我尝试在package.json中添加核心-js: 2.5.2中的“解决方案”，但仍然没有起作用。
HomeScreen.js
import React, { Component } from "react";
import {
Text,
View,
FlatList,
ActivityIndicator,
Platform
} from "
浏览 1提问于2019-06-02得票数 0
React导航V6文档展示了在useFocusEffect中使用useCallback的示例。然而，当我使用相同的代码时，我会遇到无效的钩子调用。
链接：
import {ActivityIndicator, FlatList, Text, View} from 'react-native';
import React, {useState, useEffect} from 'react';
import {Button} from '@rneui/base';
import {Link} from '@react-navigation/
浏览 2提问于2022-09-29得票数 0
回答已采纳
我正在使用redux工具箱方法中的api获取数据。我正在控制台中获取数据，但是我的钩子在页面加载时没有更新。
在这里输入代码
import { widthPercentageToDP as wp, heightPercentageToDP as hp } from 'react-native-responsive-screen';
import { useNavigation } from '@react-navigation/native';
import { Calendar } from 'react-native-calendars';
浏览 1提问于2022-11-17得票数 0
我正在尝试通过容器将Redux mapStateToProps()和mapActionCreators()连接到登录屏幕，并且我使用的是React导航。
生成我的应用程序后，会出现以下错误消息：
_react“默认”.memo不是一个函数。(在“_react”默认值“.memo(ConnectFunction)”中，“_react”默认值“.memo”未定义。
我搜索了一段时间，但我得到的是React.memo()帮助我们控制组件重发时的情况，但我不使用任何与React.memo()相关的代码。
登录屏幕：(屏幕/LoginScreen/index.js)
import React f
浏览 0提问于2019-04-15得票数 14
在react原生状态下是常用的，而且非常重要，如果我们使用数据来操纵或显示在我们的手机中，react native当然会有一个状态问题，但是redux来解决这个问题，我仍然是react native的新手，我只是了解如何以“旧”的方式获取API而不是使用redux，但是如何呢？在reducer中，我试图在组件中调用我的函数和回调，但不起作用，以下是代码： peopleReducer.js： import { ADD_FRIENDS } from "../types";
import { INIT_PEOPLE } from "../states";
cons
浏览 8提问于2019-05-06得票数 0
1回答
我正在使用redux和react native，我有一个平面列表要显示，但它不显示对象的标题或描述。它在屏幕上显示对象的所有行，但是当我调用标题时，例如，它不显示它。下面是我的代码：
import React, {Component} from 'react';
import { FlatList,Text } from 'react-native';
import { connect } from 'react-redux';
import ListItem from './ListItem';
class LibraryLi
浏览 3提问于2018-11-14得票数 0
在从0.44版本的-> 0.56升级之后，我一直在第一个呈现循环中得到这个结果。有什么想法吗？(似乎是内部反应-本机错误)。谷歌搜索没有给我任何东西：-
TypeError: undefined is not an object (evaluating 'props.getItem')
This error is located at:
in FlatList (at YellowBoxList.js:87)
in RCTView (at View.js:43)
in YellowBoxList (at YellowBox.js:104)
浏览 1提问于2018-07-23得票数 6
我有一个json文件，它在一个减速机中传递，如下所示：
import data from './LibraryList.json';
export default () => data;
这是我所有减速器的index.js。
import { combineReducers } from 'redux';
import LibraryReducer from './LibraryReducer';
export default combineReducers({
libraries: () => LibraryReduce
浏览 2提问于2020-02-18得票数 2
回答已采纳
2回答
过滤简单Flatlist
、、、
我想通过一个搜索栏过滤这个简单的单张表。我如何对它进行编码，以便无论我在输入文本上写什么东西，它都会过滤平面列表？你能帮我完成吗？
import React from 'react';
import { StyleSheet, Text, View, SafeAreaView, TextInput, TouchableOpacity, LayoutAnimation, Image, FlatList, ScrollView } from 'react-native';
import Icon from 'react-native-vector-icons
浏览 0提问于2020-05-19得票数 3
回答已采纳
我试图使用图像作为tabBarIcon，但我不知道如何正确设置它，即使我尝试了许多不同的答案，我可以在这里找到。我的领航员：
import React from 'react';
import { Text, FlatList, View, ScrollView, Image, StyleSheet } from 'react-native';
import {createBottomTabNavigator, createAppContainer} from 'react-navigation';
import Dashboard from
浏览 0提问于2019-07-26得票数 0
回答已采纳
帮助,
首先，Native6或5有withNavigation反应吗？我在React原住民网站的文档中找不到它。
因此，我找到了一些线程，我们可以像这样构建自己的withNavigation：
withNavigation.js
import React from 'react';
import { useNavigation } from '@react-navigation/native'; // not sure package name
export const withNavigation = (Component) => {
retur
浏览 5提问于2021-10-08得票数 1
回答已采纳
我已经将我的Android设备从Android 7.0改为Android 8.0，以便在其上运行react原生应用程序。之前在AndroidManifest中添加了overlay权限，允许应用程序在设备上运行并显示开发人员菜单： <manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.simpleoffsetpro"
xmlns:tools="http://schemas.android.com/tools">
浏览 12提问于2019-02-09得票数 0
回答已采纳
1回答
我正在尝试使用react native.After创建项目并安装我想要使用的在导航器中使用的所有依赖项，例如：
const MainNavigator = createStackNavigator({
Dashboard: DashboardScreen,
ListSurveyor: {
screen: topSurvayorsNavigator,
navigationOptions: ({ navigation }) => {
const dispatch = useDispatch();
浏览 4提问于2020-01-12得票数 0
我的代码运行正常，但我不明白“库”和library.id在keyExtractor中是如何工作的。library.id如何从"libraries“reducer中获取项目的id？
renderItem中的“库”(库)和keyExtractor中的“库”也是一样的吗？
如果有人能很快解释一下这一点，我将不胜感激。
import React, { Component } from 'react';
import { FlatList } from 'react-native';
import { connect } from 'react-redux
浏览 1提问于2018-08-26得票数 0
回答已采纳
我使用react native开发应用程序已经有一段时间了，现在我在redux、React.Component生命周期和react-native-router-flux (用于导航)上建立了我的项目架构。现在，我需要开始开发一个新的大型项目，该项目将投入生产，需要处理大量用户。据我所知，我不能继续使用React.Compoent作为我的生命周期，我需要实现新钩子系统的功能。我主要担心的是带有redux和hook的原生react不够稳定，我将无法创建一个稳定的应用程序。在我看来，我应该使用带有钩子、redux和react导航的react-native作为我的主要架构。我很乐意听取你对这个问题的意
浏览 1提问于2019-12-13得票数 0
1回答
这是我在React Native中的第一个应用程序。我也是州政府管理的新手。
我的问题是，我如何保持我用钩子设置的状态？我想保存项目，即使在打开应用程序时没有互联网。
import React, { useState, useEffect } from 'react'
import axios from 'axios'
import Geolocation from '@react-native-community/geolocation'
import { FlatList, ActivityIndicator, Text, View } fr
浏览 0提问于2020-03-10得票数 1
我正在通过SearchBar支柱在FlastList中使用ListHeaderComponent组件，并根据搜索值过滤条目列表。问题是在输入一个字符后，搜索栏失去焦点(键盘被移除)--几乎就像组件重新呈现一样？我在这里错过了什么？
我使用的是Android，如果我将SearchBar移到FlatList之外，问题就不会发生。
import React from 'react'
import {FlatList, View} from 'react-native'
import { ListItem, SearchBar } from 'react-nat
浏览 5提问于2020-03-10得票数 8
回答已采纳
当我键入时，搜索栏中什么也没有显示，但它知道我正在键入(从我的updateSearch函数中的print语句)。根据我对react原生searchBar的理解，我甚至不需要做任何事情就可以在那里显示文本，所以我真的不知道我是如何搞砸的。这是一个更大项目的一部分..但我祈祷这个问题和其他事情没有任何关系。
import React, { Component } from "react";
import {
View,
Text,
FlatList,
ActivityIndicator,
SafeAreaView,
StyleSheet
} from
浏览 15提问于2019-11-27得票数 2
1回答
我正在使用react native、redux和firebase，并且我有一个1MB的数据库导出，其中包含来自加拿大营养文件数据库的食物营养信息。
此数据永远不会更改，并在用户可以从中搜索和导入的FlatList中使用。
对于我来说，最好的存储方式是什么，以便我的用户在搜索时尽可能快地访问它？
我正在考虑简单地将json文件包含在我的其他源文件中，并使用require从那里调用它。
但由于我有firebase和redux的所有设置，我想知道无论出于什么原因，考虑这些选项是否更有意义。
提前感谢您的任何意见。
浏览 0提问于2019-01-11得票数 3
目前，这个- ? 是SearchBar和FlatList在屏幕上的显示方式。单击SearchBar并键入其中一个列表组件后，它将显示以下内容- ? 道路。我希望仅当我单击SearchBar时才显示FlatList。我如何在应用中实现这一点？下拉搜索栏之类的东西。 import React from 'react';
import { View, Text, FlatList, ActivityIndicator, StyleSheet } from 'react-native';
import { SearchBar } from 'react-nat
浏览 9提问于2020-10-27得票数 2
回答已采纳
我已经实现了2个组件，下面是组件树。
回忆<- ProductCard (父母)(子)
我需要从productCard组件按钮导航到另一个名为“complainytSubmission”的屏幕
但是它说navigation.navigate不是一个函数，而且，未定义的函数不是一个函数，我是如何解决它的？
“记忆”组件：
我
mport * as React from 'react';
import {Dimensions, StyleSheet, View, FlatList, ScrollView, TouchableOpacity} from 'react-n
浏览 3提问于2021-04-05得票数 0
回答已采纳
我是新来的React Native，我和FlatList有点问题。我将extraData赋值为redux值，但是当redux更新时，它不会重新呈现FlatList。我想我应该把它分配给一个本地州，但是我得到了太多的重渲染错误。非常感谢所有帮助我的人！下面是我的代码
function CartScreen() {
const cart = useSelector((state) => state.cartReducer);
console.log(cart);
const dispatch = useDispatch();
useEffect(() => {
dispatc
浏览 22提问于2021-03-03得票数 2
回答已采纳
我只有加法和减号按钮。如果我使用来自useDispatch的react-redux，它将更新redux状态。问题是，当我使用store.dispatch()时，它不会更新状态。
组件
import React from 'react';
import { SafeAreaView } from 'react-native';
import moment from 'moment';
import { FlatList, Text, View, Button } from 'react-native';
import { Card,
浏览 3提问于2021-09-13得票数 0
native，我想在组件中使用条件运算符
但是当我尝试在react-native中使用条件运算符时，这个错误发生了
这是我的代码
import React from 'react';
import styled from 'styled-components/native';
import {FlatList} from 'react-native';
import {useSelector,useDispatch} from 'react-r
浏览 18提问于2021-02-22得票数 1
回答已采纳
3回答
ExceptionsManager.js:179错误:无效钩子调用。钩子只能在函数组件的主体内调用。这种情况的发生有以下原因之一：
您可能有React和呈现器的版本不匹配(例如React )。
你可能违反了胡克斯的规则
在同一个应用程序中，可能有多个React副本。
在Playbutton组件中获取此错误
Playbutton.js
import { useNavigation } from "@react-navigation/native";
import React, { useEffect, useState, useRef } from "
浏览 8提问于2022-03-14得票数 0
因此，这是我第一次使用Reanimated 2，不幸的是，我的应用程序因上面的消息而崩溃。无法查看我的应用程序屏幕。
不变违反:TurboModuleRegistry.getEnforcing(.)：无法找到'NativeReanimated‘。验证此名称的模块是否已在本机二进制文件中注册。
我在这里用的是动画
import React from 'react'
import Item from '../../Common/Item'
import {View,Text,FlatList,StyleSheet , TouchableOpacity
浏览 0提问于2021-01-17得票数 6
我尝试用Axios和Redux从火库中获取数据来处理状态，一切都很好，我也可以console.log数据，但FlatList不显示任何数据，这是我的代码：
下面是Redux的操作。
import axios from "axios";
import { GET_PRODUCTS } from "./types";
export const fetchData = () => {
return (dispatch) => {
return axios
.get("https://learn-efc13-default
浏览 10提问于2021-02-25得票数 0
回答已采纳
我在Expo上使用React Active和Redux，并尝试在安卓上运行我的项目，得到以下错误：enter image description here 版本: Expo: 36.0.0 React: 16.9.0 React-Native: 36.0.0 SDK Redux: 4.0.2 React-Redux: 5.1.1 App.js import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { Prov
浏览 15提问于2020-04-01得票数 0
我正尝试在React Native中创建一个屏幕，其中包含2个选项卡(使用react-native-tab-view)，布局如下： ------------------------
| Collapsible Header |
|------------------------|
| Tab A | Tab B |
|------------------------|
| |
| |
| FlatList |
| in Ta
浏览 112提问于2019-12-23得票数 4
回答已采纳
我的标题右图标有问题。我希望我的标题栏上的右图标是一个搜索图标，而我得到的是图标的标题名称。my app 你知道我做错了什么吗？ 我遵循了教程：https://github.com/vonovak/react-navigation-header-buttons，请找到我的代码中应该呈现图标的部分。 ProductsOverviewScreen.navigationOptions={
headerTitle: 'All products',
headerRight : <HeaderButtons HeaderButtonCompoenent = {H
浏览 15提问于2020-04-09得票数 0
回答已采纳
我正在制作一个外卖应用程序，每当我在标签栏中切换到不同的屏幕时，它都会显示错误
Accessing the 'state' property of the 'route' object is not supported. If you want to get the focused route name, use the 'getFocusedRouteNameFromRoute' helper instead:
错误提示我转到下面的链接
下面是我的MainTabScreen的代码，其中包含选项卡导航器
const Tab = createBot
浏览 40提问于2021-09-15得票数 3
当我键入时，搜索栏中什么也没有显示，但它知道我正在键入(从我的updateSearch函数中的print语句)。根据我对react原生searchBar的理解，我甚至不需要做任何事情就可以在那里显示文本，所以我真的不知道我是如何搞砸的。这是一个更大项目的一部分..但我祈祷这个问题和其他事情没有任何关系。
import React, { Component } from "react";
import {
View,
Text,
FlatList,
ActivityIndicator,
SafeAreaView,
StyleSheet
} from
浏览 9提问于2019-11-28得票数 1
我迁移我的博览会项目，以反应本地项目。我删除了世博，并尝试使用本机方式添加启动屏幕和推送通知，并添加字体没有世博。我还安装了不使用世博的本地方式的react导航。我使用android和Xcode运行这个项目。我有一些问题，但是我通过在我的package.json文件中修复一些包版本来修复它们，现在我得到了这个错误：
Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See ... for details.
* Move data fetching code or side
浏览 11提问于2020-02-13得票数 2
回答已采纳
我很新的反应，这是我的第一个应用。
到目前为止，我已经有了一个带有两个屏幕的堆栈导航器: MainMenu和Profile。当用户在MainMenu中时，右上角会显示一个按钮，当按下该按钮时，我需要将用户重定向到配置文件屏幕。我需要类似this.props.navigation.navigate('Profile')的东西，但这不起作用，因为没有定义this、props和navigation。
我的想法是我不能从这个堆栈导航栏重定向到概要文件，因为概要文件还没有定义，但是我不知道其他方法。
// mainStack.js
import React from '
浏览 1提问于2021-02-15得票数 0
回答已采纳
在执行LoginScreen.js和connect()之后，尝试通过呈现函数中的道具访问状态属性"confirmResult“时，在MapsStatetoProps组件中出现错误。
Screens\LoginScreen.js
import React, { Component } from "react";
import PhoneInput from "react-native-phone-input";
import { View, StatusBar, Text } from "react-native";
import { Co
浏览 0提问于2019-05-18得票数 1
2回答
我正在努力为我的React-Native应用程序创建一个需求，在那里我有一个空白的dropbox (在放置一个扁平列表项目时，它应该转换为一个可拖动的扁平列表)和一个可拖动的扁平列表，我必须从其中拖放到空白的dropbox，反之亦然。
两个单元列表中的项目都应该在单击时有一个右侧菜单，该菜单应显示一个移动到项目到另一个单元列表的选项。
我知道这是一个非常常见的场景，但由于我对React-Native还很陌生，所以我正在努力获得任何库或自己创建相同的库。
我将React-Native与Redux和Typescript一起使用
我正在使用react-native-draggable-flatlis
浏览 19提问于2019-11-23得票数 4
回答已采纳
我一直在尝试在我的android手机上运行expo上的本地应用程序react。我一直无法解决，因为在expo上无法解决"components/MenuComponent.js“中的"../shared/baseUrl”错误。
这是我的项目的文件夹树，在这里您可以看到baseUrl和MenuComponent.js (组件上的其他js模块导入了错误的baseUrl.js )：
以下是组件/MenuComponent.js的imports部分：
import React, { Component } from 'react';
import { Vie
浏览 1提问于2019-03-26得票数 0
我想要在某个方法中实现搜索逻辑，然后将其传递给TextInput属性'onChangeText‘。我想我应该遍历数组'popularMovies‘，看看我的输入值是否与特定的标题匹配。问题是，我不确定这应该是什么样子。提前谢谢你！
import React, { Component } from 'react';
import { FlatList, View, StatusBar, TextInput } from 'react-native';
import { bindActionCreators } from 'redux'
浏览 0提问于2018-07-30得票数 0
1回答
我不能在卡片上显示标题。搜索栏按预期工作，但是每一张卡片上都应该有一个标题。
在我的Algolia搜索索引中，每个对象都有我创建的唯一的“title”属性。当我使用docs (来自Algolias网站)时，标题显示得很好--但是我不想要突出显示属性，所以这就是我想要删除的。
import React from 'react';
import { StyleSheet, Text, View, FlatList } from 'react-native';
import { connectInfiniteHits } from 'react-instant
浏览 2提问于2021-12-15得票数 0
1回答
我的情况是我有两个FlatList组件(A和B)。
A是我的第一个屏幕。我使用react-navigation将A导航到B，B将在headerLeft上显示反箭头。当我单击箭头时，它将返回到A。但是FlatList的数据仍然显示B，即使它真的在A中.
我的数据来自react-redux的fetch API，我认为问题来自于react-redux。因为我测试了一个没有react-redux的简单测试。问题已经解决了。
我想使用创建我的项目。我试着使用shouldComponentUpdate
shouldComponentUpdate = (nextProps, nextState) =>
浏览 0提问于2018-05-02得票数 0
回答已采纳
// @flow
import React, { Component } from 'react';
import { FlatList, View, StatusBar } from 'react-native';
import { bindActionCreators } from 'redux';
import type { Dispatch as ReduxDispatch } from 'redux';
import { connect } from 'react-redux';
import { fet
浏览 0提问于2018-07-26得票数 1
回答已采纳
我想防止不必要的重现，所以我使用useMemo。 但是我得到了这个错误信息： TypeError: renderItem is not a function. (In 'renderItem(props)', 'renderItem' is an instance of Object) 代码： import * as React from 'react';
import { StyleSheet, Text, View, TouchableOpacity, Image, Dimensions, FlatList } from 'reac
浏览 37提问于2021-09-13得票数 1
我得到了一个错误：
开发服务器返回响应404。找不到条目文件index.js。
这是我的文件夹结构：
package.json
{
"name": "vepo",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"tes
浏览 0提问于2017-11-11得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
