如何在React Native和React Navigation中使用带有大标题标题的SectionList

Question

在 iOS 中，当设置

contentInsetAdjustmentBehavior="automatic"

属性时，大标题标题会随 ScrollView 一起呈现动画。这是一个很好的触感，我想用

SectionList

的粘性标题（或者就此而言

FlatList

的粘性标题）来复制这一点。

问题是，当使用

SectionList

和

contentInsetAdjustmentBehavior="automatic"

属性以及导航器的

headerLargeTitle: true

集时，每个部分的标题不再粘在页面顶部！

这是我的代码：

function MyScreen(props) {
    const { navigation } = props;
    
    useEffect(() => {
        navigation.setOptions({
            headerLargeTitle: true
        });
    }, [navigation]);


    return (
        <SectionList
            style={{ flex: 1 }}
            contentInsetAdjustmentBehavior="automatic"
            sections={DATA}
            renderSectionHeader={header}
            renderItem={item}
        />
    );

有什么建议吗？

Answer 1

您必须将您的SectionList放入SafeAreaView中