Skip to content

Commit 28eb80d

Browse files
chore: remove FlipDemo (3D perspective needs fixing)
1 parent a9ab84b commit 28eb80d

1 file changed

Lines changed: 1 addition & 28 deletions

File tree

example/src/App.tsx

Lines changed: 1 addition & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -266,22 +266,6 @@ function InterruptDemo() {
266266
);
267267
}
268268

269-
function FlipDemo() {
270-
const [flipped, setFlipped] = useState(false);
271-
return (
272-
<Section title="3D Card Flip">
273-
<EaseView
274-
animate={{ rotateY: flipped ? 180 : 0 }}
275-
transition={{ type: 'spring', damping: 15, stiffness: 120, mass: 1 }}
276-
style={styles.flipCard}
277-
>
278-
<Text style={styles.flipCardText}>{flipped ? '🂠' : '🂡'}</Text>
279-
</EaseView>
280-
<Button label="Flip" onPress={() => setFlipped((v) => !v)} />
281-
</Section>
282-
);
283-
}
284-
285269
function IndependentScaleDemo() {
286270
const [active, setActive] = useState(false);
287271
return (
@@ -423,7 +407,7 @@ function DemosScreen() {
423407
<ExitDemo />
424408
<InterruptDemo />
425409
<RotateDemo />
426-
<FlipDemo />
410+
427411
<IndependentScaleDemo />
428412
<TransformOriginDemo />
429413
<StyledCardDemo />
@@ -526,17 +510,6 @@ const styles = StyleSheet.create({
526510
fontSize: 10,
527511
fontWeight: '600',
528512
},
529-
flipCard: {
530-
width: 100,
531-
height: 140,
532-
backgroundColor: '#4a90d9',
533-
borderRadius: 12,
534-
alignItems: 'center',
535-
justifyContent: 'center',
536-
},
537-
flipCardText: {
538-
fontSize: 48,
539-
},
540513
animatedButton: {
541514
paddingHorizontal: 32,
542515
paddingVertical: 16,

0 commit comments

Comments
 (0)