React native 带有React Native的弹性标题（在ScrollView中下拉并缩放顶部图像）_React Native

React native 带有React Native的弹性标题（在ScrollView中下拉并缩放顶部图像）

react-native

React native 带有React Native的弹性标题（在ScrollView中下拉并缩放顶部图像）,react-native,React Native,有了React Native，我想实现中提到的StretchyHeader（在ScrollView中下拉并缩放顶部图像）我们有这个插件吗？如果没有，您能告诉我如何使用React Native实现此功能吗实现ScrollView的onScroll功能，并检测其内容偏移量并查看更多详细信息 <View style={{flex:1}}> <Image style={{width:320,position:'absolute'}} /> <ScrollVie

有了React Native，我想实现中提到的StretchyHeader（在ScrollView中下拉并缩放顶部图像）

我们有这个插件吗？如果没有，您能告诉我如何使用React Native实现此功能吗

实现ScrollView的

onScroll

功能，并检测其内容偏移量

并查看更多详细信息

<View style={{flex:1}}>
  <Image style={{width:320,position:'absolute'}} />
  <ScrollView style={{backgroundColor:'transparent'}}>
    <HeaderView />
    <Components />
  </ScrollView>
</View>

将图像的位置设置为“绝对”。使ScrollView的背景色为“透明”。并添加高度等于图像到ScrollView的高度的标题视图。然后是组件。

动画是可选的。

实现ScrollView的

onScroll

功能，并检测其内容偏移量

并查看更多详细信息

<View style={{flex:1}}>
  <Image style={{width:320,position:'absolute'}} />
  <ScrollView style={{backgroundColor:'transparent'}}>
    <HeaderView />
    <Components />
  </ScrollView>
</View>

将图像的位置设置为“绝对”。使ScrollView的背景色为“透明”。并添加高度等于图像到ScrollView的高度的标题视图。然后是组件。

动画是可选的。

谢谢，KChen。好的，我可以使用onScroll来检测偏移量。如何在顶部实现缩放和粘贴图像？@shohey1226一个简单的方法是根据内容偏移量以不同的宽度和高度更改图像样式，并将其resizeMode设置为“拉伸”。@shohey1226显示屏幕截图？一个简单的方法是将其位置设置为“绝对”。但大多数时候它会粘在顶部…我可以拉下，但图像和顶部之间有空间<代码>位置：“绝对值”不起作用。。。屏幕截图-上面的屏幕截图是中间拉下，这使图像更大。。。另外，我用的是水平图像滚动。谢谢，KChen。好的，我可以使用onScroll来检测偏移量。如何在顶部实现缩放和粘贴图像？@shohey1226一个简单的方法是根据内容偏移量以不同的宽度和高度更改图像样式，并将其resizeMode设置为“拉伸”。@shohey1226显示屏幕截图？一个简单的方法是将其位置设置为“绝对”。但大多数时候它会粘在顶部…我可以拉下，但图像和顶部之间有空间<代码>位置：“绝对值”不起作用。。。屏幕截图-上面的屏幕截图是中间拉下，这使图像更大。。。另外，我使用的是水平图像滚动。