add animation
This commit is contained in:
committed by
Eric Bailey
parent
dbe86dde43
commit
af70a8a9e0
@@ -7,6 +7,7 @@ import {
|
|||||||
useState,
|
useState,
|
||||||
} from 'react'
|
} from 'react'
|
||||||
import {Dimensions, View} from 'react-native'
|
import {Dimensions, View} from 'react-native'
|
||||||
|
import Animated, {Easing, ZoomIn} from 'react-native-reanimated'
|
||||||
import {useSafeAreaInsets} from 'react-native-safe-area-context'
|
import {useSafeAreaInsets} from 'react-native-safe-area-context'
|
||||||
|
|
||||||
import {atoms as a, useTheme} from '#/alf'
|
import {atoms as a, useTheme} from '#/alf'
|
||||||
@@ -293,6 +294,7 @@ function Bubble({
|
|||||||
left: coords.left,
|
left: coords.left,
|
||||||
},
|
},
|
||||||
]}>
|
]}>
|
||||||
|
<Animated.View entering={ZoomIn.easing(Easing.out(Easing.exp))}>
|
||||||
<View
|
<View
|
||||||
style={[
|
style={[
|
||||||
a.absolute,
|
a.absolute,
|
||||||
@@ -335,6 +337,7 @@ function Bubble({
|
|||||||
}}>
|
}}>
|
||||||
{children}
|
{children}
|
||||||
</View>
|
</View>
|
||||||
|
</Animated.View>
|
||||||
</View>
|
</View>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user