react-native-flatlist 相关问题

如何在 expo web React Native 中隐藏滚动条

如何在 expo 应用程序中删除或设置滚动条样式。当我应用 overflow: scroll 我得到垂直和水平滚动条，我想删除水平滚动条并设置垂直样式...

Getting undefined is not a function error react native

我不断收到“渲染错误，未定义不是函数”，我无法弄清楚是什么原因造成的。我正在使用 flatlist，我的请求 json 以以下格式返回 { “

如何不让屏幕向下滚动以显示带有倒置平面列表 React Native 的平面列表中的第一项？

我有一个倒置平面列表来显示新闻提要，但最近的新闻项目是平面列表数据对象中的最后一项，因此我使用倒置平面列表的原因。但是一个倒置的平面列表

我可以在不使用任何外部包或库的情况下使我的 FlatList 项目在 React Native 中可拖动吗？

我在 React Native 中使用 FlatList 制作了一个项目列表。现在我想让 FlatList 的项目可以拖动。 我只想使用 FlatList，但在线解决方案显示我可以使用 draggable

平面列表的优化

我正在尝试制作视频和照片提要，为此我使用了平面列表工具和事件卡组件。我可以想象我的视频。但它没有优化。我有这个问题。 虚拟列表...

Shopify Flashlist 项目最初加载在彼此之上

我最近从使用 Flatlist 迁移到 React Native 中的 shopify Flashlist。 我有一个很大的列表要渲染（几百个项目，每个项目都有图像），我遇到了一个错误，在 lo...

如何在反应本机中使用 flatlist 在日期时间显示 20230324213000

我已经使用 moment.js 来显示日期和时间，但它不起作用，所以如果可能的话，我可以获得有关此主题的帮助 我已经使用 moment.js 来显示日期和时间，但它不起作用，所以如果可能的话，我可以获得有关此主题的帮助 <FlatList refreshControl={ <RefreshControl refreshing={refresh} onRefresh={() => { pullMe(); getScore(); }} /> } keyExtractor={(index) => { return index.Sid }} data={myData} renderItem={({ item }) => { return ( <View> <View style={hr101} /> <Text style={league}>{item.Snm}</Text> <Text style={league2}>{item.Cnm}</Text> <View> {item.Events.map((event) => ( <View style={match}> <Text style={league2}>{event.EtTx}-{event.ErnInf}</Text> <Text style={status1}>{event.EpsL} {moment( event.Esd ).format('MMMM Do YYYY, h:mm:ss a')}</Text> __//this line event.Esd will return 20230324213000__ <View style={hr100} /> <Text style={teams1}>{event.T1[0].Nm} </Text> <Text style={teams}> {event.Tr1C2 !== undefined && event.Tr1CW2 !== undefined && event.Tr1CO2 !== undefined ? (<Text style={teams}>{event.Tr1C1}-{event.Tr1CW1} ({event.Tr1CO1} Ovs){"\n"}&{"\n"}{event.Tr1C2}-{event.Tr1CW2} ({event.Tr1CO2} Ovs)</Text>) : event.Tr1C1 !== undefined && event.Tr1CW1 !== undefined && event.Tr1CO1 !== undefined ? (<Text>{event.Tr1C1}-{event.Tr1CW1} ({event.Tr1CO1} Ovs)</Text>) : (<Text style={teams_yet}>Yet to bat</Text>)} </Text> <View style={hr100} /> <Text style={teams1}>{event.T2[0].Nm} </Text> <Text style={teams}> {event.Tr2C2 !== undefined && event.Tr2CW2 !== undefined && event.Tr2CO2 !== undefined ? (<Text style={teams}>{event.Tr2C1}-{event.Tr2CW1} ({event.Tr2CO1} Ovs){"\n"}&{"\n"}{event.Tr2C2}-{event.Tr2CW2} ({event.Tr2CO2} Ovs)</Text>) : event.Tr2C1 !== undefined && event.Tr2CW1 !== undefined && event.Tr2CO1 !== undefined ? (<Text>{event.Tr2C1}-{event.Tr2CW1} ({event.Tr2CO1} Ovs)</Text>) : (<Text style={teams_yet}>Yet to bat</Text>)} </Text> <View style={hr100} /> <Text style={result}>{event.ECo}</Text> </View> ))} </View> </View> ); }} /> event.Esd 将是我要转换为日期时间的给定字符串 该行代码显示 January 28th 2611, 12:00:13 pm 而它应该在 2023 年 3 月 24 日晚上 9:30:00 返回 您可以尝试以下代码片段。遵循正确的格式说明符将为您提供预期的输出。您应该将输入格式作为第二个参数传递给moment()。格式说明符 Do 将为您提供数字序号。其余的人直视前方。 const str = "20230324213000"; console.log(moment(str, "YYYYMMDDhmss a").format("MMMM Do YYYY, hh:mm:ss")); <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>

警告：列表中的每个孩子都应该有一个唯一的“关键”道具 Error in React-native

嘿，伙计们，我正在使用 react-native iam 在视频中构建一个列表，我的代码与他完全一样，但出于某种原因，我仍然收到一个错误，告诉我列表中的每个孩子都需要一个 ...

只要单击其中一个内部按钮，Horizontal ScrollView/FlatList 就会一直跳到末尾

我有一个水平的 ScrollView/FlatList（都尝试解决这个问题）作为我应用程序一部分的导航栏。视图/列表只包含所有不同的按钮。 问题：每当一个...

Horizontal ScrollView/FlatList 在单击内部按钮时一直跳到末尾

我有一个水平的 ScrollView/FlatList（都尝试解决这个问题）作为我应用程序一部分的导航栏。视图/列表只包含所有不同的按钮。 问题：每当一个...

防止 Flatlist 在内容大小变化时滚动到顶部

在 FlatList 中，我有手风琴（通过 react-native-paper）。当我滚动到任何位置并打开/关闭手风琴时，FlatList 会滚动到屏幕顶部。我应该如何预防？ 在...

是否有可能在 flatlist 中进行条件渲染？

在下面的平面列表中，event.Tr1C2 的值可能作为未定义的响应出现 我只想在值未定义时显示整个文本组件，并且想隐藏组件...

React Native Masonry List 与滚动时如此缓慢的图像

我有一个砌体列表，使用从 firestore 填充的 react native contaning 图像实现，图像 url 是 firebase 存储下载 url，限制为 10 个图像，大小为 80 x ...

如何在 React Native 中将多个平面列表放在一个全局滚动视图中？

我想在我的应用程序主页中添加大约 3 个平面列表。有一个包裹所有孩子的全局滚动视图。我已经阅读了有关仅使用一个列表和一个平面列表的其他答案。那不可能...

如何在另一个内部使用嵌套的 renderItem 函数

必须使用两个 renderitem 函数，外部一个是 tab-view 和 innerone 与 flatlist 相关。有可能实现这一点。我在 tabview 中有一组可点击对象，然后再次有 clic ...

导航到附加了平面列表的新屏幕会导致崩溃

我是新手。我正在尝试使用 MoviesScreen 和 MovieDetailsScreen 构建两个屏幕的电影应用程序。 MoviesScreen 显示带有平面列表的电影列表，而 MovieDetailsScreen 显示该电影

React Native - SectionList numColumns 支持

FlatList 支持 numColumns。如何使用 SectionList 设置 numColumns？ Github 问题：SectionList renderItem 多项目支持 #13192

如何在平面列表中的项目之间添加间隙？

我想在使用 flatlist 的 react native 中添加一些间距，但目前看起来比应该的更难。 原来react native不支持gap属性，这使得这个v...

如何在像 blink it app 这样的 react-native 中实现 flatlist 中的活动按钮滑动动画

如何在flatlist中实现这种活动按钮动画？ flatlist中从上一个activate index到当前active index的滑动动画 这是我想要实现的 gif

到达flatList/SectionList中的某个section时执行函数

我有一个应用程序，其中包含与特定日期相对应的事件列表。当滚动列表的某个部分时，我如何利用 flatlist 或 SectionList 调用函数/更改状态...