问题标签 [react-native-draggable-flatlist]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - DraggableFlatList onRef 使用 Typescript 获取错误类型
我在 ReactNative 中使用 react-native-draggable-flatlist。我对 FlatList 的引用感兴趣，以便可以对其执行 scrollToIndex 。使用以下代码：
我收到以下打字稿错误：
类型 'MutableRefObject<(ComponentClass<FlatListProps & NativeViewGestureHandlerProps & RefAttributes, any> & { ...; }) | (函数组件<...> & { ...; }) | null>' 不可分配给类型 '(ref: RefObject<FlatList>) => void'。类型 'MutableRefObject<(ComponentClass<FlatListProps & NativeViewGestureHandlerProps & RefAttributes, any> & { ...; }) | (函数组件<...> & { ...; }) | null>' 不匹配签名 '(ref: RefObject<FlatList>): void'。预期的类型来自属性 'onRef'，它在类型 'IntrinsicAttributes & IntrinsicClassAttributes<DraggableFlatList> & Pick<Readonly<Modify<FlatListProps, { ...; } & 部分<...>>> & 只读<...>, "ItemSeparatorComponent" | ... 150 更多 ... | “孩子”> & 部分<...> & 部分<...>'
如何修复错误以便我可以使用 ref/onRef？
react-native - 如何使 ListHeaderComponent 的一部分粘在 React Native FlatList 上
我有一个带有 2 个内部文本的 ListHeaderComponent 的 React Native FlatList。结构是：
- 标题
- 第 1 部分 - 非粘性
- 第 2 部分 - 粘性
- 列出项目
这意味着随着列表向上滚动，第 1 部分应该消失（非粘性），而第 2 部分应该留在列表顶部（粘性）。
这是代码：
我必须将索引设置为 [0] 以便它选择标题，但无法选择标题中的第二个。有任何想法吗？
顺便说一句 - 我想在列表滚动时捕获垂直偏移，然后放在 HeaderComponent main <View style={{marginTop: -offset }}> 上，这样它就可以模拟滚动。但我的理解是，Android 不支持负边距。
BTW-2 - 我正在使用 react-native-draggable-flatlist 所以我不想将 Text 放入列表本身，因为它会使列表项的逻辑复杂化。谢谢！
react-native - ScrollView 和 PullToRefresh 在本机反应中发生冲突
我目前正在使用react-native-draggable-flatlist并且需要实现拉取刷新。我已经实现了从刷新控制中拉取刷新。它在 ios 上工作，但在 android 中拉刷新不起作用。如果滚动视图被禁用，那么只有拉刷新才有效。
react-native - 使用 react-native-draggable-flatlist 的 React Native 代码正在获取“文本字符串必须在组件”错误
我在 React Native 上有一个非常简单的基于列表的任务管理器： https ://snack.expo.dev/@bradbarnes99/test-dummy-tasky
代码工作得很好，直到我尝试将 react-native-draggable-flatlist 模块适应于此，现在我得到：“文本字符串必须在组件内呈现”
这是来自收到错误的容器的代码。
这是 Checkbox 组件中的代码，以防出现触发错误的情况...
我不知所措。我在 MainScreen.js 中删除了我的所有评论，以防万一引起问题。
你们中的任何人都知道为什么我会收到此错误吗？
我将上面的链接包含到我的 expo.dev 小吃的所有代码中。
提前致谢！
react-native - DraggableFlatList 不呈现
我正在尝试使用 DraggableFlatlist 并且没有任何渲染。我已经用 FlatList 测试了这部分代码，它渲染得很好。
测试数据：
要呈现的简单文本：
DraggableFlatList：
这些版本是相当最新的：
react-native: "0.64.3" react-native-draggable-flatlist: "^3.0.4"
我很困惑为什么 DraggableFlatList 什么都不会渲染，而 FlatList 会渲染文本，我想知道我错过了什么？
顺便说一句，我确实看过Draggable flatlist 没有渲染任何东西，但没有任何乐趣。
react-native - 分隔符/分隔符隐藏在 React Native App 中
在我的 React Native 项目中，我尝试使用 Flatlist 或有时使用 map 方法制作某种列表，以执行 JSX Element。我得到了正确的结果，但是单独存在一些问题。
让我们以聊天应用程序为例，当我们打开 WhatsApp 时，出现了很多人，但每个项目之后还有一个小分隔符，看起来很棒，现在正是我尝试使用 ItemSeparatorComponent 将该分隔符放入我的 React Native 应用程序时Flatlist 中的属性，它正在工作但仍在某些地方，这意味着在某些项目中没有显示分隔符，它看起来不见了，感觉没有边框/分隔符。实际上发生的事情是，该分隔符的下方项目是隐藏的或高度看起来比其他项目小，View下方的项目有点向上，所以分隔符隐藏了，这是主要问题，为什么发生这种情况，我尝试了一切，但仍然遇到 UI 问题。
这是一个代码示例：
或者
所以根据上面的代码，我肯定知道，一切都是正确的，但是为什么那个分隔符被隐藏了，如果我们在绿色矩形区域看这张图片，没有边框出现，为什么......我想在这里展示它，我试图放置 zIndex 属性，该技巧可以正常工作，但这不是解决方案，它必须按照我们的预期纠正视图，为什么它的行为如此，任何解决方案??????
