如何突出显示FlatList的已更新项目onRefresh
FlatList是React Native中常用的列表组件，用于展示大量数据。当列表数据发生变化时，可以通过onRefresh属性来实现刷新列表的功能。
要突出显示FlatList的已更新项目onRefresh，可以按照以下步骤进行操作：
- 首先，在FlatList组件中添加onRefresh属性，并将其值设置为一个函数，用于处理刷新操作。例如：
<FlatList
data={data}
renderItem={renderItem}
onRefresh={handleRefresh}
refreshing={isRefreshing}
/>- 在handleRefresh函数中，可以执行更新数据的逻辑。例如，可以重新从服务器获取最新的数据，并更新FlatList的数据源。更新数据源后，需要将isRefreshing状态设置为false，表示刷新完成。示例代码如下：
const handleRefresh = () => {
// 执行更新数据的逻辑，例如重新从服务器获取最新的数据
fetchData().then((newData) => {
setData(newData);
setIsRefreshing(false);
});
};- 在组件的state中添加一个isRefreshing状态，用于表示是否正在刷新。初始状态可以设置为false。示例代码如下：
const [isRefreshing, setIsRefreshing] = useState(false);- 当需要触发刷新操作时，可以通过设置isRefreshing状态为true来启动刷新。例如，可以在下拉刷新的回调函数中设置isRefreshing为true，表示开始刷新。示例代码如下：
const handlePullToRefresh = () => {
setIsRefreshing(true);
};- 最后，可以根据需要自定义FlatList的样式和渲染方式，以及其他相关属性。例如，可以设置renderItem属性来定义每个列表项的渲染方式。
总结： 通过设置FlatList的onRefresh属性和相关状态，可以实现刷新列表的功能。当触发刷新操作时，可以执行更新数据的逻辑，并更新FlatList的数据源。同时，可以根据需要自定义FlatList的样式和渲染方式。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
- 腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云网络安全（SSL 证书）：https://cloud.tencent.com/product/ssl
相关·内容
我设置了一个带有onRefresh函数的FlatList，以便在用户拖下屏幕时更新状态。它工作正常，但是我想知道如何在FlatList中突出显示刷新后已更新的项目。 例如，我想要更改列表中任何已更新的项目的背景几秒钟，然后返回到正常。 <FlatList
data={scores}
renderItem={({item}) => (
<View style={styles.scoreContainer}>
<ScoreRow data={item.away} />
浏览 22提问于2019-04-09得票数 0
我使用FlatList进行数据显示，也使用组件进行显示。
<FlatList
contentContainerStyle={{ paddingBottom: 50 }}
data={postList}
renderItem={renderItem}
keyExtractor={(item, index) => index.toString()}
refreshing={refreshing}
浏览 7提问于2021-12-23得票数 0
1回答
我正在尝试为FlatList添加无限滚动功能：
<FlatList
data={pickupsGroups}
renderItem={({item , index}: {item: PickupGroup, index: number}) => {
return <PickingCard group={item} onPress={onPressPickup}/>
}}
onRefresh={onRefresh}
keyExtractor={item => `${item?.title}-${i
浏览 1提问于2020-04-14得票数 5
我正在将延迟加载应用到flatlist中。但我只有在向下滚动最后一项时才会获取更多数据。如何实现在向上滚动时获取更多数据。我尝试过onRefresh，我不知道为什么列表没有更新，但是数据已经改变了。有谁对这个问题有想法吗？
<FlatList
style={props.style}
renderItem={renderRow}
data={data}
keyExtractor={(item, index) => String(index)}
onRefresh={onRefresh}
/>
fun
浏览 0提问于2020-03-02得票数 0
1回答
我如何使一个垂直的平列表项目，在反应本机，以适应位置上滚动和填补当前窗口？我希望每个项目填充屏幕，而不是为前面或即将出现的项目显示。我想要的效果的一个例子是在ScrollView中使用pagingEnabled={true}来实现。但我的问题是，当应用于Flatlist时，前面项目的部分显示在后续视图的顶部。这会随着你的向下滚动而增大。我想要的效果是，如果您正在滚动通过TikTok。您可以看到每个视频是如何填充屏幕的，当您向上或向下滚动时，会产生一种弹性效果，即如果滚动不完整，当前视频就会反弹回位置。
这是我现在的单张表：
<FlatList
data={DATA
浏览 9提问于2022-03-28得票数 0
我正在用React Native制作一个聊天应用程序，在我的应用程序中，我有一个显示消息的Flatlist。当用户拉取列表时，它将获得新数据并添加到列表中。但是列表将被重新渲染并滚动到start item。有没有办法让它仍然获得数据，但保持在当前位置，就像Facebook Messenger一样？我像这样使用FlatList：
<FlatList
refreshControl={
<RefreshControl
浏览 26提问于2018-07-23得票数 1
1回答
我使用useQuery和gql调用数据。
const SEE_ALL_FEED_ORDER = gql`
query seeAllFeedOrder {
seeAllFeedOrder {
id
name
avatar
directFeedNumber
}
}
`;
const { data: allFeedData, loading: allFeedDataLoading,
refetch: allFeedRefetch } = useQuery(SEE_ALL_FEED_ORDER);
我将结果数据命名为all
浏览 6提问于2022-07-14得票数 0
回答已采纳
JSON结构：
sectionItems={key: ..., name: .., title: ..listOf 20 nested data }
data =
{
"sections": [...sectionItems of 50 items]
}
When displaying in the FlatList its rendering too slow,
<FlatList
renderItem={({item}) => <Section item={item} />}
initialNumToRender={l
浏览 0提问于2019-01-12得票数 0
1回答
我正在创建一个实时聊天应用程序使用Reacti原住民。主屏幕上的聊天频道列表使用StackNavigator，屏幕之间的导航使用<FlatList>。现在，我正在尝试让<FlatList>从后端重新获取数据，并在用户导航回主屏幕时重新复制自己。
例如，用户进入聊天通道，应用程序导航到聊天细节屏幕，用户在那里发送一些消息，当用户按下后退按钮并导航回主聊天频道列表屏幕时，<FlatList>应该从后端重新显示最新数据。(重新排序最近的通道到顶部等)
现在实现了拉式刷新，但问题是如何知道用户已导航回主屏幕，以及如何在出现这种情况时在<FlatList>
浏览 2提问于2017-10-13得票数 2
回答已采纳
1回答
我创建了一个页面，其中我使用了一个FlatList。这个FlatList使用我制作的一个项组件，当按下状态“隐藏”为false时，该组件会在自身下面显示另一个视图。我遇到的主要问题是，当按下某一项时，我无法找到将“隐藏”状态更改为true的方法，因此始终只保留一个显示附加视图的项目。同时，当我刷新/重新呈现我的FlatList时，它不会将所有“隐藏”状态设置为true。
这里是我呈现FlatList的地方
_onRefresh() {
this.setState({refreshing: true}, () => this._loadList());
}
render() {
浏览 0提问于2019-03-05得票数 1
回答已采纳
我正在尝试使用react本机redux更新FlatList数据。在提取FlatList数据时，加载图标出现并消失，但是列表没有显示我在数据库上所做的任何更新。
以下是代码：
class flatRedux extends Component {
componentWillMount() {
this.props.listShow();
}
onRefresh = () => {
this.props.loading = true,
this.pr
浏览 6提问于2019-11-24得票数 0
回答已采纳
我创建了一个从URL (对象数组)检索数据的应用程序，并将其显示在FlatList中。 目前，当启动应用程序时，数据显示正确(它们是异步检索的)。如果我切换到飞行模式，有消息“没有互联网连接”，但我的AsyncStorage的数据没有显示(应用程序的背景是白色的)。如果我禁用飞行模式，我的数据将再次显示。 class MontanteTab extends Component {
state = {
errors: null,
isLoading: true,
isConnected: true,
refreshing:
浏览 13提问于2019-01-08得票数 0
我为RefreshControl制作了一个自定义组件，这样我就可以更改RefreshControl提供的title property。
最后，这是自定义RefreshControl组件的返回：
const [counter, setCounter] = useState(0)
useEffect(() => {
if (!refreshing && counter > 0) {
setTimeout(() => {
setCounter(previousValue => pr
浏览 2提问于2021-10-21得票数 0
回答已采纳
我有两个屏幕。批准列表，批准详细信息。在“批准详细信息”中批准数据时，页面导航到“批准”列表。然后，批准的数据应该从FLatList中删除。如何在数据批准时删除FlatList项？或者当数据发生变化时如何重新呈现FlatList？这是我的代码：
核准名单：
const Approve = ({ navigation }) => {
const [rekomendasi, setRekomendasi] = useState({})
// other code
const getRekomendasi = async (token, bagian) => {
try
浏览 4提问于2022-08-18得票数 0
回答已采纳
我有一个反应本地应用程序，当FlatList在iOS中刷新时，我想滚动到顶部。我可以通过以下方式滚动到FlaList的顶部：
this.componentRef.FlatList.scrollToOffset({x: 0, y: 0, animated: true});
现在，列表已经开始刷新，所以我想在iOS中的刷新指示器上方滚动。
我试过：
this.componentRef.FlatList.scrollToOffset({x: 0, y: -20, animated: true});
并使用ref声明RefreshControl作为刷新控件(使用回调ref声明)：
this.compo
浏览 3提问于2017-12-03得票数 4
回答已采纳
4回答
如何检查FlatList是否为空，如果为空，我将显示类似No Available Booking's的内容？我已经尝试了下面的代码使用速记操作符，但它不工作。
{bookings == null ?
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Text style={styles.title}>No Availabe Booking's Yet!</Text>
</V
浏览 3提问于2020-06-13得票数 0
1回答
我有一个屏幕，其中包含正在使用平面列表显示的项目列表，该列表如下：
<FlatList
scrollEnabled
removeClippedSubviews
windowSize={21}
stickySectionHeadersEnabled={false}
showsVerticalScrollIndicator={false}
keyExtractor={keyExtractor}
getItemLayout={getItemLayoutFun}
L
浏览 8提问于2022-01-06得票数 0
我正在尝试将一个视图滚动到React Native中的另一个视图上。
render() {
return (
<View style={{
flex: 1
}}>
//THIS IS A BACKGROUND VIEW
<BackgroundView />
//THIS IS THE FOREGROUND VIEW
<View style={{
borderWidth:
浏览 0提问于2018-01-16得票数 0
我已经使用了这个FlatList，其中我调用了renderRow函数，在其中我编写了呈现列表项的代码，我如何在renderRow方法中获得每个行renderer的rowId？
<List containerStyle={{borderTopWidth:0 , borderBottomWidth:0}}>
<FlatList data={this.state.horseList}
renderItem={(item) => this.renderRow(item)}
_keyExtractor ={item => it
浏览 2提问于2017-10-09得票数 11
2回答
我正在构建一种列表组件。在组件中，我允许用户在平面列表中进行一些更改。我正在尝试添加这样的选项，如果用户拉到刷新以返回主要数据之前，他的修改需要帮助得到解决的主要数据
const [text, setText] = useState({});
const [switchValue, setSwitchValue ] = useState(false);
const [refresh, setRefresh] = useState(false);
const _handleOnPress = ({index}) => {
浏览 5提问于2020-04-15得票数 0
我在React Native项目中有一个FlatList。当视图加载时，可触摸的不透明度会注册，对于每一行，控制台将打印选定的item.name。(所以，没有被触摸)但是，触摸项目不会做任何事情。
render() {
return(
<FlatList
data={stores.databaseStore.sites.slice()}
keyExtractor={ (item, index) => item.id}
numColumns={1}
extraData={stores.
浏览 2提问于2017-11-30得票数 1
我有问题，看看我的代码：
...
...
async onRefresh() {
this.setState({ loadingFlatList: true });
Alert.alert(
'Error',
"Refresheeeedd ....",
[
{text: 'OK', onPress: () => null },
],
{cancelable:
浏览 1提问于2018-10-12得票数 2
回答已采纳
如果我第一次通过useEffect调用我的reload方法，它包含我的数据，但是如果我在运行时通过onRefresh调用，它会给我空数据。 为什么？我该如何保存它呢？在哪个线程上调用onRefresh是一个问题吗？ 有关我的项目的更多信息，请查看此question，也许是相同的问题。 const MyScreen = ({ items }) => {
const [initialItems, setInitialItems] = useState(items)
useEffect(() => {
reload()
}, [])
浏览 8提问于2021-02-07得票数 0
回答已采纳
我使用FlatList来呈现我的列表，每个列表项都可以单击；但是，当我单击该列表项时，它不会工作，直到所有内容都加载完毕。 似乎当其他项目仍在呈现时，您不能执行操作或事件，直到所有内容都完全加载。 下面是我的代码： return (
<FlatList
refreshing={this.props.refreshLoading}
horizontal={false}
initialNumToRender={20}
maxToRenderPerBatch={20}
showsVerticalScr
浏览 17提问于2019-03-06得票数 2
我只想向FlatList组件显示站点数据的列表，但是我发现了一个错误：
TypeError:无法读取未定义的属性“loginname”
因此，如果将“{item.author.loginname}”更改为“{item.author}”，则会得到以下错误：
未处理的JS异常:不变冲突:对象作为React子对象无效(找到:键{loginname，avatar_url}的对象)。如果您打算呈现一个
事实上，财产'loginname‘是存在的。我很困惑。为什么？
这是我的代码：
import React, { Component } from 'react';
浏览 3提问于2018-01-15得票数 0
回答已采纳
1回答
我有一个AuditionsList组件，它显示一个FlatList。在另一个还原器中，我正在更改名为location和roleType的设置。根据这些新设置，我想刷新AuditionList。
这是我的代码：
import React from 'react';
import { Text, View, FlatList, ActivityIndicator } from 'react-native';
import { connect } from 'react-redux';
import AuditionItem from './A
浏览 1提问于2018-06-28得票数 1
回答已采纳
我刚开始响应本机，我不明白如何实现将输出值的顺序从JSON格式更改为FlatList。假设我在JSON中的顺序是这样的: id=1、name="test1“、id=2、name="test2”，在FlatList中，它输出从1到2，我需要将输出从2反转到1。我如何做到这一点？
searchNews = async () =>
{
const ertAPI = await fetch(`${e_glav.e_url}/api/news/read.php?nocache`)
const APIValue = await ertAPI.json();
浏览 2提问于2022-07-12得票数 0
回答已采纳
当使用<FlatList>和onEndReached加载数据时，我得到了一个非常恼人的onEndReached。onRefresh不会造成这种情况。我认为这与更新数据时的<FeedList>重新呈现有关。
有人能帮我解决这个问题吗?或者至少给我指明正确的方向？
export function useFeedState() {
const state = useState(feedState);
const api = useApi();
function loadPosts(clear = false) {
api
.request&l
浏览 4提问于2022-01-08得票数 0
回答已采纳
我需要一个关于如何构建一个与FlatList反应方式相同的组件的建议。或者，也许有一个现成的工具来对JS做出反应。下面是我的react的简单FlatList：
<FlatList
data={this.props.list_data}
horizontal={false}
renderItem={this.renderItemList}
keyExtractor={(item, index) => index.toString() }
浏览 1提问于2019-07-08得票数 0
回答已采纳
2回答
我在原生react中创建了一个简单的FlatList来获取下注列表。当刷新的拉取正在工作时，它没有重新呈现FlatList。然后我了解到了extraData道具，但是传递this.state.refreshing甚至this.state并不会触发FlatList的重新渲染。这似乎只是一个安卓系统的问题，因为人们在iOS上报告了这个问题，但我仍然缺少一个解决方案。 class BetList extends Component {
constructor(props) {
super(props);
this.state = {
浏览 15提问于2019-01-14得票数 0
9回答
请帮助我在我的应用程序上实现pull to refresh，我对react native有点陌生，谢谢。我不知道如何处理onRefresh和刷新。
class HomeScreen extends Component {
state = { refreshing: false }
_renderItem = ({ item }) => <ImageGrid item={item} />
_handleRefresh = () => {
};
render() {
const { data } = this.props;
if
浏览 4提问于2017-11-30得票数 53
我想增加Flatlist项目文本的大小。这个问题的第二部分是，有没有一种方法可以显示更多的信息，而不仅仅是两行文本
下面是我的组件代码。
return (
<FlatList
data={this.props.properties}
renderItem={({ item }) => (
<ListItem onPress={()=>navigate('editProperty',{item})}
rou
浏览 0提问于2017-10-04得票数 0
我在将{导航}参数添加到导出默认类扩展组件时遇到了问题，我需要它用于FlatList
我怎么才能把它加在这里？
export default class ENews extends Component {
render() {
return (
<View style={styles.main}>
<StatusBar style='auto'/>
<FlatList
data={this.state.data}
onRef
浏览 3提问于2022-07-11得票数 0
回答已采纳
我不想在项目的每个屏幕上都有句柄刷新功能，所以我创建了一个Helper.js来处理this。该函数具有this.setState和屏幕组件中的另一个函数调用。这是我到目前为止得到的，但它返回了一个错误。
导出函数
export function handleRefresh(component) {
const {page, refreshing} = component.state
component.setState(
{
page:1,
refreshing:true
},
() => {
浏览 4提问于2019-10-17得票数 0
1回答
响应钩子重置状态并获取数据
、、、、
我正在建立一个应用程序与反应本土化。我使用的是带有FlatList处理程序的onRefresh：
<FlatList
data={data}
renderItem={renderPost}
keyExtractor={(item, index) => index.toString()}
onEndReached={handleLoadMore}
onEndReachedThreshold={0.5}
ListFooterComponent={renderFooter}
refreshing={isRefreshing}
onRefresh={h
浏览 0提问于2020-03-11得票数 0
回答已采纳
我需要在FlatList中呈现两项“客户清单”和“营养数据”
PS:我正在通过mapStateToProps从减速机获得两个数据"clientcalendarscreenred“和”营养品数据“。
<FlatList
data={this.props.clientcalendarscreenred }
keyExtractor={this._keyExtractor}
renderItem={this._renderItem}
ItemSeparato
浏览 0提问于2018-03-09得票数 1
回答已采纳
主要技术：FlatList React-Navigation 5 Redux Redux-Thunk。
主页是文章的输入(图片、标题、名称等)。主页右上角是一个页眉按钮，我按下按钮进入屏幕，在那里我可以创建一个Post。这是一个图片，标题或两者都将被添加到我的主页。
下面是我的FlatList代码供参考。我已经尝试过设置removeClippedSubviews={false}了。这样做不起作用，反而使问题变得更糟。
<FlatList
ref={flatListRef}
data={allPosts
浏览 5提问于2020-05-04得票数 1
回答已采纳
1回答
我试图从Firestore中的集合中获取文档，并通过FlatList显示它。但是它显示了一个加载循环(IDK，它实际上是什么)！
我正在用我自己的手机测试这个应用程序，如果它有任何不同。(我对此很陌生)
下面是我的项目屏幕的屏幕截图，其中将显示项目：
这是我的代码：
const Items = () => {
const [isLoading, setIsLoading] = useState(false)
const [isMoreLoading, setIsMoreLoading] = useState(false)
const [last, setLa
浏览 2提问于2022-07-10得票数 2
回答已采纳
我的场景是，我有一堆卡片，它们都是使用FlatList呈现的。这张卡片几乎填满了屏幕宽度，我们可以看到上一张和下一张卡片的一小部分。有没有办法知道哪个项目当前在FlatList中可见或聚焦，以便我可以添加一些突出显示或模糊其他项目。
浏览 13提问于2020-12-17得票数 0
我想向用户提供一个可供选择的项目列表。项目是从一个Redux获取的。这是设备上联系人的列表。
我使用了来自React的"FlatList"，以及来自React的"ListItem"。ListItem有一个CheckBox.
让用户选中/取消选中列表中的项目，他/她可以单击CheckBox或ListItem.的任何部分。
我的第一次尝试：，如您在下面的代码中所看到的，我必须复制代码的一部分才能实现这一点。是否有更明智的方法来做到这一点(避免代码重复)？
<FlatList
keyExtractor={(item, index) => index
浏览 0提问于2019-09-08得票数 2
回答已采纳
所以我有一个FlatList，其中我有一个分页系统.这是我的传单：
<FlatList
data={user}
legacyImplementation={true}
onEndReachedThreshold={0.5}
onEndReached={() => {
getMoreUsers()
}}
numColumns={2}
refreshControl={
<RefreshControl
refreshing={refreshing}
onRefresh={onRefresh}
/>
浏览 1提问于2021-06-13得票数 0
回答已采纳
1回答
在我的应用程序中，我呈现一个来显示创建的事件。
如果用户已经创建或加入了此事件，他应该能够看到图像。如果没有，它们就应该被隐藏起来。
现在，我将把creator和guests存储在中，并且必须事先与进行比较。
但是，我面临的问题是，我无法告诉FlatList应该呈现哪些项，哪些项不应该呈现。
有人知道有条件呈现FlatList的解决方案吗？
满码
import React, { Component } from 'react';
import { FlatList, Box, } from "native-base";
import { StyleS
浏览 3提问于2022-03-06得票数 0
回答已采纳
3回答
避免递归重呈现
、、
当用户第一次激活、拖动、刷新或访问组件时，向API发送redux操作以返回帖子。
这通常不会引起问题，因为FlatList将直接从道具中获取，因此不会触发递归循环。但是，我需要格式化数据以适应应用程序，因此，在数据到达FlatList之前，我会通过一系列方法传递数据。此进程与componentDidUpdate冲突，从而将应用程序抛到一个请求循环中。代码如下：
componentDidUpdate(prevProps) {
if (prevProps.posts !== this.props.posts){
this.storePosts() //the probl
浏览 4提问于2020-10-11得票数 0
回答已采纳
2回答
我已经在我的页面上实现了，它看起来很棒。但是由于某种原因，当我在建议列表中向下移动时，这些项目不会突出显示，但会填充到文本框中。但是，当我用鼠标悬停在建议的下拉列表上时，这些项目会突出显示。当箭头通过时，这些项目不会突出显示，这是有原因的吗？如果是这样，我如何才能做到这一点呢？
myTypeahead= $('#txtBox').typeahead({
name: 'typeahead',
valueKey: "Value",
remote: 'serviceHand
浏览 0提问于2013-06-03得票数 5
回答已采纳
我正在使用React-Native-Elements库创建选项卡。在TabView下，我有一个FlatList，列表会出现，但是它不能滚动，我尝试过实现flex: 1，以及在ScrollView中包装FlatList。下面的代码显示了TabView以及TabView.Item, View and FlatList的呈现。
<TabView value={this.state.index} onChange={this.handleChange}>
<TabView.Item style={{width: deviceWidth}}>
浏览 1提问于2021-11-11得票数 0
2回答
我正在做一个模态，当用户单击一个或多个项目时会弹出，在那里，用户将看到他/她单击的项目的详细信息。基本上，我想把清单上的项目传递给模态。
我实际上已经完成了弹出的模式，现在我必须显示的细节，如菜单描述和菜单价格。我已经在堆栈溢出中找到了一篇文章，我跟踪了里面的所有内容，但是关于“id "，我遇到了一个错误，我不知道如何修复它。
这是我的密码
Details.js
import React, {Component} from 'react';
import {Text, TouchableHighlight, View,
StyleSheet, Platform, Fla
浏览 2提问于2018-05-19得票数 3
回答已采纳
我正在尝试更新recylerview中的项目onRefresh，但它没有生成所需的列表。当我关闭应用程序并打开它时，它会给出更新的项目列表，但它不会通过onRefresh方法更新项目列表。因此，基本上为了更新列表，您必须关闭和打开应用程序，您不能以其他方式更新它。
swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
@Override
public void onRefresh() {
浏览 42提问于2021-02-22得票数 0
我尝试添加pull来刷新以从我的api中获取数据，但它不起作用，并且我在代码中找不到问题： const[refresh,setRefresh]=useState(true)
const onRefresh=()=>{
try{
axios
.get('http://192.168.1.17:8000/File/')
.then((response)=> {
setFile(response.data);
setFilteredFile(respons
浏览 49提问于2021-08-14得票数 1
我对接收不超过10项的FlatList有一个问题。
这是FlatList的代码：
<FlatList
style={styles.flatList}
onScroll={(event) => toggleHeader(event.nativeEvent.contentOffset.y > headerHeight)}
contentContainerStyle={{ paddingBottom: getContentContainerStyle() }}
showsVerticalScrollIndicator={false}
onRe
浏览 4提问于2021-10-19得票数 1
我有一个具有refreshControl属性的FlatList组件，它使用RefreshControl来处理刷新。如何在这里使用ActivityIndicator而不是RefreshControl。 return (
<View style={styles.container}>
<FlatList
data={data}
renderItem={({ item }) => {
return renderData(it
浏览 10提问于2021-09-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
