Algolia和React原生FlatList ListHeaderComponent
Algolia是一家提供实时搜索和索引解决方案的公司，其产品可以帮助开发者快速构建强大的搜索功能。Algolia提供了一套强大的API和工具，可以帮助开发者在自己的应用程序中实现高性能、可定制和易于使用的搜索功能。
React原生的FlatList是React Native框架中的一个组件，用于实现高性能的列表视图。它适用于大型数据集并具有较好的滚动性能。ListHeaderComponent是FlatList的一个属性，允许开发者在列表顶部添加一个自定义的组件作为头部内容。
Algolia和React原生的FlatList ListHeaderComponent可以结合使用，以实现在移动应用中的实时搜索功能。开发者可以使用Algolia提供的API将数据索引到Algolia的搜索引擎中，并通过调用API来获取搜索结果。然后，可以将搜索结果传递给React原生的FlatList组件，使用ListHeaderComponent属性来显示搜索结果。
优势：
- 实时性：Algolia提供实时搜索功能，可以在用户输入时快速返回相关的搜索结果，提供更好的用户体验。
- 高性能：Algolia的搜索引擎采用分布式架构，能够处理大规模数据并提供快速的搜索响应。
- 可定制性：Algolia提供了丰富的搜索参数和过滤选项，使开发者能够根据自己的需求进行定制化的搜索设置。
- 易于集成：Algolia提供了丰富的客户端库和API文档，使其在不同平台和编程语言中的集成变得更加简单。
应用场景：
- 电商网站：可以使用Algolia实现商品搜索功能，快速展示搜索结果并支持实时更新。
- 新闻应用：可以利用Algolia的实时搜索功能，帮助用户快速找到感兴趣的新闻。
- 社交媒体应用：可以使用Algolia来实现用户、帖子等内容的搜索功能，提升用户体验。
推荐的腾讯云相关产品： 腾讯云提供了多种云服务和解决方案，以下是一些推荐的产品与其相关联：
- 腾讯云对象存储（COS）：用于存储和管理Algolia索引所需的数据文件。
- 腾讯云云服务器（CVM）：用于部署和运行应用程序，提供弹性的计算资源。
- 腾讯云消息队列（CMQ）：用于处理异步消息通信，可用于Algolia搜索请求的消息传递。
- 腾讯云容器服务（TKE）：用于快速部署和管理容器化的应用程序，方便搭建和扩展Algolia的部署环境。
以上是对Algolia和React原生FlatList ListHeaderComponent的简要介绍，详细信息可以参考以下链接：
- Algolia官网：https://www.algolia.com/
- React Native官方文档：https://reactnative.dev/
- 腾讯云产品列表：https://cloud.tencent.com/product
相关·内容
在React中，本机是一个组件FlatList，它有一个属性ListHeaderComponent，我如何指定它使用的类型，而不复制和粘贴原始类型。
现在我有
export function AccountMediaGalleryComponent({
style,
ListHeaderComponent,
ListHeaderComponentStyle,
}: {
style: StyleProp<ViewStyle>;
ListHeaderComponent?: React.ComponentType<any> | React.ReactEle
浏览 2提问于2021-07-21得票数 2
回答已采纳
如果你把一个Algolia连接组件放在一个FlatList的头中，它就像进入了一个无限的查询循环。connectInfiniteHits持续运行。 如果你喜欢在点击列表的标题中添加一些简单的过滤器，这真的很烦人。 我的设置如下： 我有一个由connectInfiniteHits HOC封装的FlatList。ListHeaderComponent包含一个由connectRefinementList HOC封装的组件。connectSearchBox HOC也会出现同样的问题。 有没有人看到这一点并找到了解决方案？
浏览 20提问于2019-03-21得票数 1
1回答
我有一个标准的React Native FlatList组件需要样式化。我也有一个ListHeaderComponent，它应该有自己的独立样式。 我的问题是，我需要在不影响ListHeaderComponent的情况下设置FlatList的data部分的样式。 如果可能的话，我希望避免“老生常谈”的解决方案。我已经看过FlatList documentation，没有任何道具可以实现这一点。 下面是一些代码以供参考 <FlatList
data={DATA}
renderItem={renderItem}
keyExtractor={(item) => item.i
浏览 15提问于2020-10-29得票数 1
这里有一个错误-- VirtualizedLists不应该嵌套在具有相同方向的普通ScrollViews中，因为它可以破坏窗口和其他功能--而是使用另一个VirtualizedList支持的容器。请检查下面的代码。
我的主要问题是我想在页面上滚动我的所有数据，但是图像没有滚动，因为它不在FlatList中。
如果我使用Flatlist，那么如何在页面上滚动我的所有数据？
如果我不能使用Flatlist滚动我的所有页面数据，那么如何滚动和映射json数据。提前感谢您的支持。
import React, { useEffect, useState, useContext, } from '
浏览 10提问于2022-08-14得票数 0
回答已采纳
我使用的是React原生版本0.43.0，它不支持ListEmptyComponent of FlatList。因此，当列表为空时，我使用ListHeaderComponent来呈现视图，
import React, { Component } from 'react';
import { Text, View, StyleSheet,FlatList } from 'react-native';
class App extends Component {
constructor(props) {
super(props);
this.st
浏览 8提问于2017-12-04得票数 33
在React-本机中，使用带有FlatList的ListHeaderComponent可以让我相信ListHeaderComponent中的shouldComponenupdate函数(尽管已经执行)被忽略了。尽管我在shouldComponentUpdate中返回false，但我的组件总是更改程序。我怎样才能阻止ListHeaderComponent重新复制呢？
<Card>
<FlatList data={comments}
ListHeaderComponent={() => <PostHeader navigation
浏览 3提问于2017-09-06得票数 3
我刚刚开始使用React-Native和TypeScript： export default class List extends PureComponent<Props, object> {
private flatListRef: React.RefObject<FlatList<any>>;
constructor(props) {
super(props);
this.flatListRef = React.createRef<FlatList<any>>();
}
render
浏览 26提问于2019-03-19得票数 1
回答已采纳
我正在使用React Native构建一个移动应用程序，其中一个页面中有一个ScrollView。
问题是我在这个页面中有一个FlatList，所以当我转到那个页面时，我得到了这样的错误:问题是，我将ScrollView nestedScrollEnabled设置为true，我还将FlatList's scrollEnabled设置为false，因为我并不真正需要那里的滚动条(我使用它来呈现来自枚举的项)，所以我认为这应该可以修复错误，但错误仍然存在。
它看起来是这样的：
<ScrollView showsVerticalScrollIndicator={false} neste
浏览 2提问于2021-06-21得票数 0
我正在通过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
回答已采纳
我有一个使用ListHeaderComponent和ListFooterComponent的FlatList。
有没有一种方法可以在容器中设置项目(来自data属性)的样式，但不包括页眉和页脚？
import React from "react";
import { View, Text, FlatList } from "react-native";
const exampleData = [...Array(20)].map((d, index) => ({
key: `item-${index}`,
label: index,
bac
浏览 0提问于2020-05-01得票数 5
我正在使用React Native构建一个移动应用程序，其中一个页面中有一个ScrollView。
问题是我在这个页面中有一个FlatList，所以当我转到那个页面时，我得到了这样的错误:问题是，我将ScrollView nestedScrollEnabled设置为true，我还将FlatList's scrollEnabled设置为false，因为我并不真正需要那里的滚动条(我使用它来呈现来自枚举的项)，所以我认为这应该可以修复错误，但错误仍然存在。
它看起来是这样的：
<ScrollView showsVerticalScrollIndicator={false} neste
浏览 3提问于2021-06-22得票数 1
当我在FlatList内部使用ScrollView组件时，我会看到一个警告：
VirtualizedLists不应该嵌套在具有相同方向的普通ScrollViews中--使用另一个VirtualizedList支持的容器。
在FlatList之前和之后，我使用了许多其他组件，我的屏幕很长。
我试图用SafeAreaView包装内容，但这对我没有帮助，因为在本例中，我无法滚动内容。我还尝试在ListHeaderComponent={SafeAreaView}和ListFooterComponent={SafeAreaView}中使用<FlatList>。
我用：
“反应”："
浏览 6提问于2019-12-16得票数 3
1回答
我正在开发的新闻应用程序使用的是react本机，我的问题是应用程序的启动或启动时间很慢(在主屏幕显示之前)，我希望您能给我建议，改进speed.It需要3到4秒左右的时间才能在我的手机上开始加载。
我的package.json是这样的：
{
"name": "tageblattapp",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-andr
浏览 2提问于2020-05-01得票数 1
回答已采纳
1回答
请看下面的video我正在努力实现，我有一个屏幕与数据和其他项目的多个平面列表，我希望每个标题坚持通过用户滚动通过不同的部分。我试过使用React Native flatlist附带的stickyheaders道具，但这只适用于一个flatlist，我正在寻找一个能处理多个粘性标题的解决方案。 谢谢
浏览 24提问于2021-04-20得票数 1
回答已采纳
我正在尝试创建一个搜索栏来过滤扁平列表的数据。在下面的代码中，我创建了一个姓名列表，并将该姓名列表传递给flatlist。然后，我想把来自搜索栏的输入传递给searchFilterFunction来过滤数据。问题是当我进入页面时，我遇到了错误“未定义不是一个对象(评估this.state.text)。我想知道这种情况的原因和解决方案。 const DATA = [
{
name: 'Name 1',
}, {
name: 'Name 2',
}, {
name: 'Name 3&#
浏览 8提问于2020-01-07得票数 0
当标题被单击时，我希望它导航到下一页。但是，我不知道如何访问类之外的导航道具。对怎么做有什么建议吗？
import React,{Component} from 'react'
import { View, Text, TouchableOpacity, FlatList} from 'react-native'
class header extends Component {
render(){
return(
<TouchableOpacity
onPress={() => **this.prop
浏览 3提问于2017-05-17得票数 0
回答已采纳
我和ListHeaderComponent有一个平面列表。当状态更新时，ListHeaderComponent不会更新。任何建议都会很有帮助。 <Animated.FlatList data={this.props.store.homeStore.formattedEspeciallyProducts}
contentContainerStyle={styles.flatList}
ref={(ref) => this.flatList = re
浏览 33提问于2020-06-15得票数 0
如上所示，我想要创建这个由两部分组成的屏幕，在这里提供的第一个视图中，我可以单击A组件和B组件。当用户滚动B组件时，它可能占据整个屏幕并在A组件上移动。(零部件不随FlatList一起移动)。
我刚接触react native，想知道如何创建这样的行为？我尝试在FlatList中使用绝对定位和ListHeaderComponent，但没有真正得到任何结果。如果有人有主意，请告诉我。
谢谢!
浏览 1提问于2017-07-12得票数 1
1回答
我正在使用mobX作为我的react本机项目。请考虑这类商店：
class Birds {
@observable listOne = [];
@observable fetchingListOne = false;
@observable fetchErrorOne = '';
@action setListOne = () => {
this.fetchingListOne = true;
api.getList()
.then((data) => {
浏览 0提问于2017-08-14得票数 4
我试图使用一个FlatList支柱来呈现一个ListHeaderComponent组件，但是当我添加ListHeaderComponent时，FlatList就会显示出以下错误。
下面是Discover的render()函数：
render() {
renderFlatListItem = (event) => {
return (
<Event
description={event.Description}
startTime={event.StartTimeToString}
Location={ev
浏览 0提问于2017-06-07得票数 1
回答已采纳
目前，这个- ? 是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
回答已采纳
我在应用程序主页中有<flatlist />组件，我试图在它上面放置一个<Image />，但它不是displayed.It，在我的情况下，React Native只显示了最后一个组件。我已经测试了它，将<Image />放在<flatlist />之后，图像显示没有问题，但正如我告诉flatlist消失了，因为那不是主页函数类中的最后一个组件，所以这是我的主页代码 import React from 'react';
import {StyleSheet,View,Text,Image,FlatList} from '
浏览 18提问于2021-04-14得票数 1
回答已采纳
代码如下：
<ScrollView>
{ tree.myPoiComments.CommentInfo && tree.myPoiComments.CommentInfo.length>0 &&
<FlatList
data={tree.myPoiComments.CommentInfo}
keyExtractor = {(item, index) => item.CommentId}
ListHeaderComponen
浏览 5提问于2018-02-23得票数 5
我在一个flatLists中嵌套了两个scrollView，所以我能够滚动我的整个页面。但是，我知道出于多种原因，您不应该将flatLists嵌套在scrollViews中。
如何在仍然能够滚动整个页面的同时呈现两个flatLists ?flatLists在文章底部的是我想要的行为。
我创建了一个，并在下面提供了一些示例代码。
export default function App() {
return (
<View style={{ alignItems: 'center', marginTop: 100, flex: 1}}>
&
浏览 18提问于2022-12-01得票数 1
回答已采纳
我用ScrollView写了一段代码，其中我必须显示两个view组件： <ScrollView
scrollEnabled={this.state.scrollEnable}
ref={ref => this.scrollView = ref}
onContentSizeChange={(contentWidth, contentHeight) => {
this.scrollView.scrollToEnd({ animated: true }); }}
>
<View pointerE
浏览 5提问于2019-03-20得票数 2
回答已采纳
我正在开发一个社交媒体应用程序，其中我有一个容器组件，其结构如下
<MyContainer>
<SelectionBar/>
{condition? <FlatListA header={header}/> : <FlatListB header={header}/>}
<MyContainer/>
选择栏中有一些按钮，这些按钮可以确定为这个问题显示哪个FlatList，比如消息FlatList vs posts。
这两个FlatLists具有不同的侦听器和数据，因此它们需要成为自己的组件，但是它们共享相同的ListHea
浏览 3提问于2021-03-31得票数 0
我从有客户端详细信息的数据库中获取数据，然后列出客户的属性和每个属性的信息。我可以让FlatList显示属性列表，但我想要显示的是客户端详细信息等，然后是FlatList显示属性详细信息。如何从数组中提取客户端详细信息并首先显示它，然后显示属性的详细信息。
数组是这样的
{'id'："90"，'clientname'："Client Name"，'balance'："10000"，{'propid'：‘80’，propname：'Property Name'，‘租房’
浏览 2提问于2019-10-27得票数 0
1回答
我在将我的平面列表数据传递给我的平面列表道具'ListHeaderComponent‘时遇到了一个问题。下面是我的代码：
<FlatList
ListHeaderComponent={
<View>
<Text>{}</Text>
</View>
}
data={displayedPhoto}
keyExtractor=
浏览 5提问于2021-03-11得票数 0
回答已采纳
我和ListHeaderComponent有一个平面列表。ListHeaderComponent的内容有点大。我想在屏幕上滚动。如何使用Flatlist实现？任何帮助都将不胜感激。
浏览 0提问于2020-07-08得票数 0
这是我的主题组件：
/* Imports */
import React from 'react';
import { View, Text, FlatList, TouchableOpacity } from 'react-native';
import { withTheme} from '@app/theme/themeProvider';
import { AntDesign } from '@app/utils/Icons';
import { custom } from '@app/styles/config&
浏览 5提问于2019-10-22得票数 1
回答已采纳
在平面列表之前我有一个平面列表元素和另一个元素。当我向上滚动时，平面列表之前的元素不会上升，并且是固定的。当虚假列表被滚动时，有什么方法让它上升吗？
示例：
render() {
return (
<View style={styles.container}>
<View>THIS ELEMENT BEFORE CONTAINER STAYS FIXED WHEN SCROLLING FLATLIST</View>
<FlatList
data={this.props.data}
extraDat
浏览 3提问于2017-12-09得票数 3
回答已采纳
我有一个带有ListHeaderComponent的FlatList，它是一个水平滚动中的多个按钮。我已经将这些按钮设置为粘性的，以便在滚动时保持在顶部，但是当我向上滚动时，有没有办法防止滚动的项目显示在按钮下面？我曾尝试向ListHeaderComponentStyle添加marginBottom，但不起作用。我想让这些项目在ListHeaderComponent下面开始消失，我该怎么做？
<FlatList
style={{marginTop: 50}}
data={data}
ListHeaderComponent={
浏览 1提问于2021-10-22得票数 0
我有一个包含TouchableOpacity项目的FlatList。当我尝试选择一个项目时，列表滚动到顶部。
这是Collapsible内容；
const setBrandSelected = index => {
var temp = JSON.parse(JSON.stringify(tempFilterOptions));
temp[0].enums[index].selected = !temp[0].enums[index].selected;
setTempFilterOptions(temp);
};
const Filte
浏览 1提问于2021-10-25得票数 1
使用ResiveNative0.64，我想显示一个图像，后面跟着评论，就像instagram一样。
以下是我所做的简化工作(图像的样式和注释都管理得很好，我不把代码放在不污染问题的地方)：
import {
Image,
FlatList,
View
} from 'react-native'
const Post = () => {
...
return (
<View>
<Image ... />
<FlatList
data={comments.filter(ite
浏览 3提问于2021-05-21得票数 1
回答已采纳
我有一个带有2个内部文本的FlatList和一个ListHeaderComponent。结构如下：
sticky header 节1-非粘性第2节
列表项
这意味着当列表滚动时，第1部分应该消失(非粘性的)，而第2部分应该保持在列表的顶部(粘性)。
这是代码：
<FlatList
data={ items }
renderItem={ renderItem }
ListHeaderComponent={
<View>
<Text>Section 1</Text>
<Text>Sect
浏览 14提问于2021-06-15得票数 4
我在react中配置了一个带有algolia搜索的演示应用程序。我在algolia中索引了一些索引。内容是原始的html。有没有可能用algolia在真正的html中呈现这个内容？
浏览 7提问于2020-08-21得票数 0
在我的理解中，React原生组件有两种呈现方式
·在parents标记内传递
·以家长身份通过(？)道具
例如，我有一个FlatList组件
<FlatList
ListHeaderComponent={MiddleRightLabelComponent}
ItemSeparatorComponent={SeparatorComponent}
data={this.state.dataSource}
keyExtractor={item => item.title}
// renderItem={({ item }) =&
浏览 0提问于2017-05-02得票数 0
我正在使用React Native 0.44.0，并且我正在尝试使用卡片式布局来制作一个水平FlatList。无论出于什么原因，无论我做什么，我都不能激活水平模式。它似乎总是垂直渲染...
下面是我使用的代码：
<FlatList
horizontal={true}
data={this.state.newsFeed}
refreshing={this.state.refreshing}
ref={ref => {
this.newsFeedListRef = ref;
}}
renderItem={this.ren
浏览 8提问于2017-08-20得票数 11
回答已采纳
我在ListHeaderComponent中使用FlatList。
<FlatList
data={this.state[this.feeds].edges}
renderItem={this.renderItem}
keyExtractor={this.keyExtractor}
onEndReached={this.onFetchFeeds}
onRefresh={this.onRefresh}
refreshing={this.state.isRefreshing}
Li
浏览 9提问于2019-08-02得票数 0
回答已采纳
当我键入时，搜索栏中什么也没有显示，但它知道我正在键入(从我的updateSearch函数中的print语句)。根据我对react原生searchBar的理解，我甚至不需要做任何事情就可以在那里显示文本，所以我真的不知道我是如何搞砸的。这是一个更大项目的一部分..但我祈祷这个问题和其他事情没有任何关系。
import React, { Component } from "react";
import {
View,
Text,
FlatList,
ActivityIndicator,
SafeAreaView,
StyleSheet
} from
浏览 15提问于2019-11-27得票数 2
我应该在哪里添加导航？在函数Get Header和Render项不工作，并且不能移动到下一个屏幕，在堆栈导航器中一切正常，问题正如我在平面列表中所认为的那样，必须分类错误
如何解决此问题？undefined不是对象(计算“navigation.navigate”)
或
无法找到变量:导航
从React导入react；从react- FlatList导入{ View，Text，StyleSheet }；
const DATA = [
{ id: '1', day: '28' },
{ id: '1', day: '28
浏览 28提问于2021-03-08得票数 0
当我键入时，搜索栏中什么也没有显示，但它知道我正在键入(从我的updateSearch函数中的print语句)。根据我对react原生searchBar的理解，我甚至不需要做任何事情就可以在那里显示文本，所以我真的不知道我是如何搞砸的。这是一个更大项目的一部分..但我祈祷这个问题和其他事情没有任何关系。
import React, { Component } from "react";
import {
View,
Text,
FlatList,
ActivityIndicator,
SafeAreaView,
StyleSheet
} from
浏览 9提问于2019-11-28得票数 1
1回答
嗨，我有一个很常见的问题，在抓取API时反应本机应用程序冻结，就像当你抓取API的时候，你不能点击或做任何事情，直到你的抓取结束。
这是我的代码，我在其中调用获取APi的函数
import React, { useEffect, useState } from "react";
import { StyleSheet, View, FlatList } from "react-native";
// Api`s
import { topCategory } from "../../api/appModels/category";
import
浏览 0提问于2021-05-05得票数 0
1回答
在我的react原生应用程序中，我使用了两个cocktailDB应用程序接口的端点： -饮料类别 -饮料列表
我做了一个FlatList，onEndReached()更改了页码，并调用了一个API来获取后续类别的饮料。饮料被添加到drinksList数组中，以便来自上一个API调用的数据保持在顶部。
<FlatList
keyExtractor={(item) => item.idDrink.toString()}
data={drinksList}
onEndReached={() => {
浏览 10提问于2020-05-06得票数 0
回答已采纳
1回答
我正在尝试学习React Native。我有一个例子，但在FlatList中有一个问题。我在页脚组件中有一个TextInput。没有错误，但当我尝试写入输入字段时，keybord不能停留。它只是出现，然后消失。我如何解决这个问题？下面是我的代码： import React, { useRef, useState } from "react";
import {
Text,
View,
ActivityIndicator,
Image,
Button,
Alert,
TouchableOpacity,
TextIn
浏览 23提问于2021-07-22得票数 0
1回答
平面列表不会在react本机中显示。我想将信息传递给另一个组件，我正在使用flatList渲染，但是屏幕上什么都没有出现，我没有得到错误...是将接收信息的另一个组件。 我的flatList： return (
<View style={styles.container}>
<FlatList
numColumns={2}
data={DATA}
renderItem={({item}) => {<Item {...item} />}}
keyExtractor={(i
浏览 8提问于2021-01-26得票数 0
回答已采纳
我正在从API中获取数据，并在FlatList中实现搜索，但是键盘在每次按下键后都会自动关闭。我指的是，但是在一个功能组件中实现它。
const renderHeader = () => {
return <SearchBar
placeholder="Type Here..."
lightTheme
round
onChangeText={text => searchFilterFunction(text)}
value={value}
a
浏览 2提问于2020-06-02得票数 1
回答已采纳
我的一个屏幕上有一个FlatList，但它还提供了一个必须保持在页面顶部的TextInput。TextInput确定呈现哪个其他组件，如果它是空的，它是一个类别页面，但是如果它被任何文本填充，则是搜索结果。我现在的问题是，我的TextInput在主FlatList之外，这使得它即使在滚动列表时也会位于屏幕的顶端。我希望它保持在页面的顶部，而不是跟随卷轴。
如果我将TextInput放入其中一个FlatLists中，则会导致另一个FlatLists由于呈现单独的组件而没有它。但是如果我把它放在两个FlatLists中，就会创建一个bug，在输入第一个字符之后，TextInput将退出编辑模式，因
浏览 10提问于2022-05-31得票数 1
在我公司当前的用户故事中，我需要构建一个位于列表顶部的组件，该组件是FlatList的头。我需要让第一个项目，而不是标题，留在标题的顶部，但标题上有文本，所以文本也应该是可见的。 我在ScrollView中使用了一个FlatList：-ScrollView- HeaderComponent - FlatList 它工作得很好，问题是雇用我的公司不喜欢这样。 当使用ScrollView时，我也使用了绝对位置，并使marginTop -80。 我使用的是FlatList属性: ListHeaderComponent/ListHeaderComponentStyle const conci
浏览 12提问于2019-06-21得票数 2
回答已采纳
我正在尝试在FlatList中添加搜索栏，这里是从API中获取数据并填充到FlatList中，但我必须过滤该列表，因为它可能包含许多数据。所以请帮帮我。我已经尝试了几个例子，但得到了错误，所以有时什么都没有发生.Please查看并帮助 import React, { Component } from 'react';
import { View, Text, TextInput,
FooterTab,Button,TouchableOpacity, ScrollView, StyleSheet,
ActivityIndicator ,Head
浏览 6提问于2019-02-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
