尽管showsVerticalScrollIndicator={false}，FlatList 的垂直滚动条仍然可见

Question

在下面的功能组件中，FlatList 的垂直滚动条仍然可见，尽管

showsVerticalScrollIndicator={false}

 const Section = () => {
    ...
    return data && <SafeAreaView 
                ...
            <FlatList
            ...
            data={data}
            horizontal={false}
            scrollEnabled = {true}
            showsVerticalScrollIndicator={false}
            ...
            />

FlatList 未包装在 ScrollView 中。

组件层次结构如下：

...
Suspense
Section
Anonymous
View
FlatList <----- FlatList in question
ForwardRef
VirtualizedList
View
VirtualizedListContextprovider
VirtualizedListContext.provider 
ScrollView
ScrollView
...

react-native

版本：

0.74.5

任何见解将不胜感激。

Answer 1

看来你的 FlatList 确实嵌套在 ScrollView 中。当 FlatList 包裹在 ScrollView 中时，父 ScrollView 的滚动条可能仍会显示。

尝试解决此问题的步骤

1. 如果 ScrollView 包装 FlatList 不是必需的，请删除 ScrollView 包装器
2. 使用

   nestedScrollEnabled={true}

   这将允许平面列表处理滚动，从而允许

   showsVerticalScrollIndicator

   处于活动状态