@@ -136,32 +136,31 @@ function SpeedDial(props: SpeedDialProps) {
136136 return (
137137 < View >
138138 < Animated . View
139- style = { { transform : [ { translateX : pan . x } , { translateY : pan . y } ] } }
139+ style = { [ styles . viewPosition , { transform : [ { translateX : pan . x } , { translateY : pan . y } ] } ] }
140140 // {...panResponder.panHandlers}
141141 >
142- < View style = { [ styles . viewPosition , { bottom : bottom - MainHeight , right : right } ] } >
143- { success &&
144- children . map ( ( item , i ) => (
145- < Animated . View
146- style = { [
147- styles . fadingContainer ,
148- {
149- // Bind opacity to animated value
150- opacity : fadeAnim [ i ] ,
151- } ,
152- ] }
153- key = { i }
154- >
155- < Item { ...item } move = { panResponder . panHandlers } />
156- </ Animated . View >
157- ) ) }
158- < View { ...panResponder . panHandlers } >
159- < TouchableOpacity activeOpacity = { 1 } onPress = { onOpenHome } >
160- < View style = { [ styles . homeContainer , { ...style } ] } { ...other } >
161- { iconName === 'plus' ? PlusDom : CloseDom }
162- </ View >
163- </ TouchableOpacity >
164- </ View >
142+ { success &&
143+ children . map ( ( item , i ) => (
144+ < Animated . View
145+ style = { [
146+ styles . fadingContainer ,
147+ {
148+ // Bind opacity to animated value
149+ opacity : fadeAnim [ i ] ,
150+ } ,
151+ ] }
152+ key = { i }
153+ >
154+ < Item { ...item } move = { panResponder . panHandlers } />
155+ </ Animated . View >
156+ ) ) }
157+
158+ < View { ...panResponder . panHandlers } style = { { alignItems : 'flex-end' } } >
159+ < TouchableOpacity activeOpacity = { 1 } onPress = { onOpenHome } >
160+ < View style = { [ styles . homeContainer , { ...style } ] } { ...other } >
161+ { iconName === 'plus' ? PlusDom : CloseDom }
162+ </ View >
163+ </ TouchableOpacity >
165164 </ View >
166165 </ Animated . View >
167166 </ View >
@@ -175,10 +174,8 @@ const styles = StyleSheet.create({
175174 } ,
176175 viewPosition : {
177176 position : 'absolute' ,
178- // bottom: 350 - MainHeight,
179- // right: 40,
180- zIndex : 9999 ,
181- alignItems : 'flex-end' ,
177+ bottom : 350 - MainHeight ,
178+ right : 40 ,
182179 } ,
183180
184181 homeContainer : {
0 commit comments