javascript - 使用 SafeAreaView 时在 iOS 上 react native ScrollView 抽搐

Question

这很奇怪，我找不到任何相关信息。

我有一个非常简单的项目(刚刚开始使用 React Native)，当我将项目列表放在 ScrollView 中时，我会不断地“抽搐”。以下是该行为的视频:https://imgur.com/a/MYerrFl

它发生在 iOS 模拟器和我的手机上。

这是非常简单的代码:

const App = () => {
    return (
        <ScrollView style={{
            backgroundColor: '#fcfcfc'
        }}>
            <SafeAreaView>
                {['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p'].map((letter) => {
                    return <Text style={{
                        backgroundColor: 'red',
                        padding: 20,
                        margin: 3
                    }} key={letter}>{letter}</Text>
                })}
            </SafeAreaView>
        </ScrollView>
    );
};

当我移除 SafeAreaView 时，它根本不抽搐...

Answer 1

终于找到解决办法:https://github.com/facebook/react-native/issues/16997#issuecomment-423814312

技巧是将 contentInsetAdjustmentBehavior="automatic" 添加到 ScrollView 。