22import React , { Component } from 'react' ;
33import PropTypes from 'prop-types' ;
44import { Animated , ScrollView , StyleSheet , View , Image , Dimensions } from 'react-native' ;
5- import ViewOverflow from 'react-native-view-overflow' ;
65import type { ViewProps } from 'ViewPropTypes' ;
76import type { FlatList , SectionList , ListView } from 'react-native' ;
87
9- const AnimatedViewOverflow = Animated . createAnimatedComponent ( ViewOverflow ) ;
10-
118type ScrollViewProps = {
129 onScroll ?: ?Function ,
1310 style ?: $PropertyType < ViewProps , 'style' > ,
@@ -153,11 +150,11 @@ class ImageHeaderScrollView extends Component<Props, State> {
153150 ] ;
154151
155152 return (
156- < AnimatedViewOverflow style = { [ styles . header , headerTransformStyle , this . props . headerContainerStyle ] } >
153+ < Animated . View style = { [ styles . header , headerTransformStyle , this . props . headerContainerStyle ] } >
157154 { this . renderHeaderProps ( ) }
158155 { ! this . props . disableOverlay && < Animated . View style = { overlayStyle } /> }
159- < AnimatedViewOverflow style = { styles . fixedForeground } > { this . props . renderFixedForeground ( ) } </ AnimatedViewOverflow >
160- </ AnimatedViewOverflow >
156+ < View style = { styles . fixedForeground } > { this . props . renderFixedForeground ( ) } </ View >
157+ </ Animated . View >
161158 ) ;
162159 }
163160
@@ -178,9 +175,9 @@ class ImageHeaderScrollView extends Component<Props, State> {
178175 }
179176
180177 return (
181- < AnimatedViewOverflow style = { [ styles . header , headerTransformStyle ] } >
178+ < Animated . View style = { [ styles . header , headerTransformStyle ] } >
182179 { this . props . renderForeground ( ) }
183- </ AnimatedViewOverflow >
180+ </ Animated . View >
184181 ) ;
185182 }
186183
@@ -192,9 +189,9 @@ class ImageHeaderScrollView extends Component<Props, State> {
192189 }
193190
194191 return (
195- < AnimatedViewOverflow style = { [ styles . header , styles . touchableFixedForeground , { height } ] } >
192+ < Animated . View style = { [ styles . header , styles . touchableFixedForeground , { height } ] } >
196193 { this . props . renderTouchableFixedForeground ( ) }
197- </ AnimatedViewOverflow >
194+ </ Animated . View >
198195 ) ;
199196 }
200197
@@ -241,7 +238,7 @@ class ImageHeaderScrollView extends Component<Props, State> {
241238 const inset = maxHeight - minHeight ;
242239
243240 return (
244- < AnimatedViewOverflow
241+ < View
245242 style = { [
246243 styles . container ,
247244 {
@@ -280,7 +277,7 @@ class ImageHeaderScrollView extends Component<Props, State> {
280277 />
281278 { this . renderTouchableFixedForeground ( ) }
282279 { this . renderForeground ( ) }
283- </ AnimatedViewOverflow >
280+ </ View >
284281 ) ;
285282 }
286283
0 commit comments