问题标签 [react-native-flatlist]

如何调整按钮的大小，使同一行上的 4 个按钮占据整个屏幕宽度？ width: "25%"或flex: 1不起作用。

我有一个包含多列的 FlatList：

和一个行分隔符：

但是分隔符只出现在行之间，而不是列之间（即使我添加 width: 0.5

看世博

我正在 React Native 中构建一个 FlatList。列表中的每一行都是带有 Header 和 Content 部分的 Accordion 组件（此处为 github ）。但是，我在下面收到了唯一的“关键”道具错误：

我在这里和这里阅读了很多关于关键属性的内容，并尝试在我的组件上实现关键属性。我列表中的相关代码部分是：

1. 我有一个数据源如下。一个数组，其每个对象都有名称、数字和键字段。

   /li>

2. 平面列表组件：

   我已按照文档中的建议添加了 keyExtractor。

3. 平面列表中的每一行都使用 Accordion 组件呈现：

   手风琴组件具有 key 道具。

4. 手风琴的标题呈现如下：

   我已经在标题中添加了一个唯一的关键道具，以防万一。

5. 手风琴的内容呈现为：

   /li>

我在组件中使用的每个键都是唯一的，我想我已经为所有必需的部分添加了键。但我仍然收到错误消息。我会错过什么？提前致谢。

我正在使用 ReactNative 的新 List 组件 - FlatList。

即使单元格实际上在屏幕上不可见，FlatList 似乎也会一次呈现所有项目。

设置 30 个项目，似乎根据项目的总数调用了“渲染”警告。

我认为 FlatList 类似于 Android 中的 RecycleView 的工作方式，仅在项目即将在屏幕上可见时才呈现项目。

我错过了什么吗？不会降低性能吗？
我希望它仅在即将显示时才呈现项目。

我已经使用 react 创建了一个游戏，现在我正在尝试对我的代码+样式进行必要的更改，以便游戏通过 ReactNative 在移动设备上运行。以下代码来自有关FlatList的官方指南。

虽然我之前使用过 es6 箭头函数和 Maps，但老实说，我很难理解以下两种情况下使用的语法：

a）第2行：(new Map(): Map<string, boolean>)假设返回什么？

b) 第 4 行：一个箭头函数，它以一个...符号作为参数？为什么？

我正在尝试在本机反应中设置平面列表的刷新指示器，但不知道该怎么做。列表视图有这个道具：

但是平面列表只有这些：

我有一个使用动态数据呈现的平面列表，这是使用的组件的层次结构。

• 平面列表
  • 项目清单
  • 图片
  • 按钮

现在这些子组件通过 Flatlist 的“RenderItem”方法呈现，一切都按预期工作，现在当我想通过使用“状态”更改按钮的任何“道具”时，它会更改状态（我可以在日志中看到）但只是看不到按钮的更改，这意味着按钮在状态更改后不会呈现，如果我在 Flatlist 组件之外使用它，它可以正常工作，但在内部，它根本不起作用。

任何想法为什么？

我正在使用 React Native 0.44.0，并且正在尝试使用卡片样式布局制作水平 FlatList。无论出于何种原因，无论我做什么，我都无法激活水平模式。它似乎总是垂直渲染......

这是我正在使用的代码：

我可以发布我的组件渲染的代码，但除了样式的填充和边距之外，它们都没有使用任何flex东西flexDirection。

当我在 TextInput 中输入内容时，我会第一次触摸其中一个 FlatList 项目。它应该console.log('item press')，但它不是。只有第二次触摸它才能安慰。有人知道原因吗？

这是我的代码。

我正在使用平面列表来创建包含图像、视频、博客和音频的项目网格。平面列表中有两列。我添加了一个按钮来在平面列表中添加虚拟帖子。问题是物品的高度。当我在 flatlist 中添加博客时，其中包含文本、图像和旁边的项目。即图像或视频也获取博客项目的高度。是否可以为行中的每个项目赋予可变高度。在将博客添加到平面列表视频项目时，其高度也与博客项目相同。