在FlatList标头中反应本机ImageBackground

Question

我正在android上测试我的应用程序，我看到当我向下滚动然后到我的列表的顶部时，标头（具有ImageBackground组件）为空白（似乎在它不可见时消失了）屏幕上），然后淡入。我在iOS上没有此错误，仅在android中。

这是FlatList的代码：

     <FlatList
        ref={scrollRef}
        refreshControl={
          <RefreshControl
            refreshing={isRefreshing}
            colors={[
              colors.primary,
              colors.pink,
              colors.strawberry,
              colors.pig,
            ]}
            tintColor={colors.primary}
            onRefresh={handleRefresh}
          />
        }
        ListHeaderComponent={
          <View style={styles.headerContainer}>
            <Header
              uploadProgress={uploadProgress}
              onConfigurationButtonPress={handleConfigurationDisplay}
            />
          </View>
        }
        ListFooterComponent={<Tab />}
        style={[styles.container, { backgroundColor: colors.white }]}
      />

如您所见，在我的清单中，我有两个组件，页脚中的一个选项卡，以及一个名为Header的自定义组件，其代码为：

   ...
   <ImageBackground
      source={{ uri }}
      blurRadius={Platform.OS === "ios" ? 40 : 10}
      style={styles.container}
    >
      <View
        style={[styles.overlay, { backgroundColor: colors.transparentWhite }]}
      />
      {children}
    </ImageBackground>
   ...

   const styles = StyleSheet.create({
      container: {
        flex: 1,
        justifyContent: "center",
      },
     overlay: {
       ...StyleSheet.absoluteFillObject,
     },
   });

有什么想法吗？谢谢。