推荐使用：React Native Animated Header ScrollView

React Native Animated Header ScrollView 是一个用于创建具有动画头部的滚动视图的库。以下是如何使用这个库的一个基本示例：

首先，确保你已经安装了 react-native-animated-header-scroll-view 库。如果未安装，可以使用 npm 或 yarn 进行安装：

npm install react-native-animated-header-scroll-view
# 或者
yarn add react-native-animated-header-scroll-view

然后，你可以在你的 React Native 应用中这样使用它：

import React from 'react';
import { View, Text, Image } from 'react-native';
import AnimatedHeaderScrollView from 'react-native-animated-header-scroll-view';
 
const App = () => {
  return (
    <AnimatedHeaderScrollView
      headerHeight={200}
      scrollEventThrottle={16}
    >
      {/* 头部内容 */}
      <View style={{ height: 200, justifyContent: 'center', alignItems: 'center' }}>
        <Image source={{ uri: 'your-image-uri' }} style={{ width: '100%', height: 200 }} />
      </View>
 
      {/* 主要内容 */}
      <View style={{ padding: 16 }}>
        <Text>Your content goes here...</Text>
      </View>
    </AnimatedHeaderScrollView>
  );
};
 
export default App;

在这个例子中，AnimatedHeaderScrollView 组件接收一个 headerHeight 属性，该属性指定了头部的高度。滚动时头部会有动画效果。scrollEventThrottle 属性用于控制滚动事件的调度频率。

注意：示例中的 'your-image-uri' 需要替换为实际的图片地址。