react-native-parallax-scroll-view 试用

页面头部渐隐效果实现(不会整动态图，就将就着记录了。。。。)：

导入ParallaxScrollView 插件 npm install react-native-parallax-scroll-view
–save

'use strict';
import React, {PureComponent} from 'react';
import {
    View,
    Text,
    StyleSheet,
    Image,
    ImageBackground,
    Dimensions,
    TouchableOpacity
} from 'react-native';
import ParallaxScrollView from 'react-native-parallax-scroll-view';
let {width, height} = Dimensions.get('window');

往上滑动头部的图片和文字的渐隐，导航栏渐出到完全显示，

 const ScrollList = (props) => {
            return (
                <View
                    style={
  {alignItems:'center',flexDirection:'row',justifyContent:'space-between',padding:10,backgroundColor:'#fff',borderBottomColor:'#efefef',borderBottomWidth:1}}>
                    <View style={
  {alignItems:'center'}}>
                        <Text style={
  {}}>借款</Text>
                        <Text style={
  {marginTop:5}}> 93,943.44</Text>
                    </View>
                    <Text style={
  {fontSize:15}}>+903.09 USDT</Text>