javascript - 使用SafeAreaView时在iOS上 react native 滚动 View 抽搐

这很奇怪，我找不到任何东西。

我有一个非常简单的项目（刚开始使用react native），当我在滚动视图中放置项目列表时，我会不断地“抽搐”。这是行为的视频：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时，它根本不会抽搐...

最佳答案

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

诀窍是将contentInsetAdjustmentBehavior="automatic"添加到滚动视图。

关于javascript - 使用SafeAreaView时在iOS上 react native 滚动 View 抽搐，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58826976/