Flatlist maintainVisibleContentPosition 导致 iO 立即崩溃

Question

我有一个只有这个组件的应用：

function TestComp() {
    return (
        <FlatList
            keyExtractor={(item) => String(item)}
            data={[0, 1, 2, 3]}
            renderItem={({ item }) => (
                <View>
                    <Text>{item}</Text>
                </View>
            )}
            maintainVisibleContentPosition     <--- Causes crash
        />
    );
}

程序立即崩溃，抛出错误： Exception thrown while executing UI block: - [__NSCFBoolean objectForKeyedSubscript:]: unrecognized selector sent to instance 0x11bfcae48.

当我删除 maintainVisibleContentPosition 道具时，崩溃消失了（但我需要它）。

我在react 16.11.0，使用expo sdk 38.0.0。

知道为什么会这样吗？

Answer 1

这是因为 React 期望你定义最小可见位置，即使它是零。因此，不要仅仅放置maintainVisibleContentPosition，而是尝试使用

maintainVisibleContentPosition={{
     minIndexForVisible: 0,
  }}

Answer 2

maintainVisibleContentPosition这里是官方文档

应用程序崩溃了，因为maintainVisibleContentPosition 正在观察一个对象

试试这个

maintainVisibleContentPosition={{
     minIndexForVisible: 0,
  }}

这里是演示：https://snack.expo.io/@nomi9995/flastlist-fix-crash

import * as React from 'react';
import { FlatList, Text, View } from 'react-native';

export default function App() {
  return (
        <FlatList
            keyExtractor={(item) => String(item)}
            data={[0, 1, 2, 3]}
            renderItem={({ item }) => (
                <View>
                    <Text>{item}</Text>
                </View>
            )}
            maintainVisibleContentPosition={{
              minIndexForVisible: 0,
            }}
        />
    );
}