react-native-flatlist 相关问题

在react /react native中使用Flatlist / map时，项目的组件状态未正确更新

在react /react native中使用Flatlist / map时，项目的组件状态未正确更新问题：- 父组件 ...

react-native react-native-flatlist react-state react-state-management flatlist

回答 1 投票 0

像scrollToEnd这样的Flatlist引用值会抛出它不是函数的错误

我使用平面列表来渲染选项卡栏，并且在某些单击时需要滚动到某个值，以便我创建对scrollTo某些值（如scrollToEnd）的引用。 // ref 声明在这里合作...

react-native react-native-flatlist

回答 1 投票 0

react-native中的SectionList在滚动时显示空白

我正在尝试使用SectionList组件在react-native中显示联系人列表，并且将要呈现的列表预计如下所示：但我得到的列表并不像

javascript android react-native react-native-flatlist react-native-sectionlist

回答 1 投票 0

如何使ListHeaderComponent的一部分粘在React Native FlatList上

我有一个 React Native FlatList，其中包含一个带有 2 个内部文本的 ListHeaderComponent。结构是：标头第 1 部分 - 非粘性第 2 部分 - 粘性列出项目这意味着随着列表滚动...

react-native react-native-flatlist react-native-draggable-flatlist

回答 4 投票 0

FlatList 在初始加载时调用 onEndReached 函数，而在到达末尾时不调用它

在 React Native 中，FlatList 在初始加载时调用 onEndReached 函数，而在到达列表末尾时不调用它。我尝试了一切，从改变阈值到添加......

react-native react-native-flatlist

回答 1 投票 0

我无法将项目居中对齐

我想将项目对齐页面中心。我在所有 css 样式上使用 justifyContent 但它不起作用。我想动态地对齐它们。我不想使用 marginTop:xxx。我想在...时对齐所有项目

css react-native alignment react-native-flatlist

回答 1 投票 0

在 React Native 中渲染 FlatList 中的内联元素

您好，我正在尝试在平面列表中渲染一些彼此相邻的文本，我想让文本占据前一行的所有可用空间，就像在 css 中使用内联显示一样，我不能这样做...

react-native react-native-flatlist react-native-stylesheet

回答 1 投票 0

使用expo-router（React Native）中的抽屉布局时，屏幕顶部有额外的填充/空白空间

我正在开发一个使用 expo-router 阅读 React Native 移动应用程序的故事。我把所有东西都放在 expo-router 的抽屉布局中。我注意到标题上方有一个额外的空白。当我

react-native expo padding react-native-flatlist expo-router

回答 1 投票 0

如何在 centerContent 设置为 true 的 FlatList 中使用 pull 进行刷新（React Native）

我一直在尝试使 FlatList 与居中内容一起工作，但有一个问题。当我将属性 centerContent （来自 ScrollView）设置为 true 时，滚动不起作用，因为内容是

ios react-native scrollview react-native-flatlist

回答 1 投票 0

如何通过按底部栏选项卡刷新 FlatList？

当按下底部栏选项卡并且我们位于 FlatList 的顶部时，我无法找到刷新 FlatList 的正确方法。我确实使用 useScrollToT 成功到达了 FlatList 的顶部...

react-native react-navigation react-native-flatlist react-navigation-bottom-tab

回答 2 投票 0

如何在 React-Native (JavaScript) 中显示文本更多/更少

我正在开发反应本机应用程序。其中，我们正在显示一些关于文本的描述，它可能是行数。所以，如果数据超过 3 行，如果展开的话我必须显示更多和更少...

javascript react-native text react-native-flatlist

回答 9 投票 0

React Native Flatlist 自动滚动

我有一个平面列表组件，我想让它自动滚动。（我有一个平面列表组件，我想让它自动滚动。 <FlatList contentContainerStyle={{}} data={banners} renderItem={(item) => ( <Image source={{ uri: item.item }} style={styles.image} /> )} horizontal showsHorizontalScrollIndicator={false} snapToInterval={width} snapToAlignment={'center'} decelerationRate={'fast'} /> 这是到目前为止我需要什么属性而不是 setInterval 的组件还有其他想法吗？我搜索了去年的一些旧解决方案，这些解决方案已经过时了。我想要一些代码行数更少并且更容易应用的东西。如果您想要最少的代码行并且不想自己处理触发滚动，则应该使用像这样的轮播包： https://github.com/dohooo/react-native-reanimated-carousel#readme

javascript typescript react-native react-native-flatlist react-native-reanimated

回答 1 投票 0

如何先显示平面列表最后一部分？

我开发了一个聊天应用程序。当客户选择聊天时，我必须首先向他们显示最后一条聊天消息。我这样使用scrollToEnd： this.flatListRef.current.scrollToEnd({animated:false}); ...

css firebase react-native scrollview react-native-flatlist

回答 3 投票 0

FlatList 中的 React Native 内联元素实现

我是原生反应新手，我遇到了这样的问题我有很多文本元素，我想一个接一个地对齐，而不需要转到下一行，如图所示...... 输入图片

react-native react-native-flatlist react-virtualized flash-list

回答 1 投票 0

react-native FlatList 滚动到聊天应用程序的底部

我制作了一个聊天应用程序，并使用平面列表来呈现消息。但问题是每次加载页面时都尝试滚动到屏幕末尾，但失败了。我试过反转...