resolve animation issue, animate alt text expansion
This commit is contained in:
@@ -59,14 +59,24 @@ class ExpoUITextView: ExpoView {
|
||||
}
|
||||
}
|
||||
|
||||
// Just return the subviews
|
||||
override func reactSubviews() -> [UIView]! {
|
||||
return subviews
|
||||
}
|
||||
|
||||
override func didMoveToWindow() {
|
||||
// Get children on update
|
||||
override func didUpdateReactSubviews() {
|
||||
self.getTextChildren()
|
||||
}
|
||||
|
||||
// For animation issues
|
||||
// See: https://github.com/facebook/react-native/blob/258d8e51b451b221e557dad4647cbd210fe37392/packages/react-native/Libraries/Text/Text/RCTTextView.mm#L66
|
||||
override func reactSetFrame(_ frame: CGRect) {
|
||||
UIView.performWithoutAnimation {
|
||||
super.reactSetFrame(frame)
|
||||
}
|
||||
}
|
||||
|
||||
override func layoutSubviews() {
|
||||
// Get the width from the bounds
|
||||
let maxWidth = bounds.width
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React from 'react'
|
||||
import {StyleSheet, View} from 'react-native'
|
||||
import {LayoutAnimation, StyleSheet, View} from 'react-native'
|
||||
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
|
||||
import ImageView from './ImageViewing'
|
||||
import {shareImageModal, saveImageToMediaLibrary} from 'lib/media/manip'
|
||||
@@ -110,7 +110,13 @@ function LightboxFooter({imageIndex}: {imageIndex: number}) {
|
||||
style={[s.gray3]}
|
||||
numberOfLines={isAltExpanded ? undefined : 3}
|
||||
selectable
|
||||
onPress={() => setAltExpanded(prev => !prev)}>
|
||||
onPress={() => {
|
||||
LayoutAnimation.configureNext({
|
||||
duration: 300,
|
||||
update: {type: 'spring', springDamping: 0.7},
|
||||
})
|
||||
setAltExpanded(prev => !prev)
|
||||
}}>
|
||||
{altText}
|
||||
</Text>
|
||||
</View>
|
||||
|
||||
Reference in New Issue
Block a user