refactor: 注释掉浮动卡片动画逻辑,调整样式以增强视觉效果

This commit is contained in:
2025-08-29 21:27:29 +08:00
parent 3fdd2acaf2
commit 465d5350f3
2 changed files with 23 additions and 20 deletions

View File

@@ -42,27 +42,27 @@ const FloatingCard = ({ children, delay = 0, style }: {
}) => {
const floatAnim = useRef(new Animated.Value(0)).current;
useEffect(() => {
const startAnimation = () => {
Animated.loop(
Animated.sequence([
Animated.timing(floatAnim, {
toValue: 1,
duration: 3000,
delay: delay,
useNativeDriver: true,
}),
Animated.timing(floatAnim, {
toValue: 0,
duration: 3000,
useNativeDriver: true,
}),
])
).start();
};
// useEffect(() => {
// const startAnimation = () => {
// Animated.loop(
// Animated.sequence([
// Animated.timing(floatAnim, {
// toValue: 1,
// duration: 3000,
// delay: delay,
// useNativeDriver: true,
// }),
// Animated.timing(floatAnim, {
// toValue: 0,
// duration: 3000,
// useNativeDriver: true,
// }),
// ])
// ).start();
// };
startAnimation();
}, [floatAnim, delay]);
// startAnimation();
// }, [floatAnim, delay]);
const translateY = floatAnim.interpolate({
inputRange: [0, 1],
@@ -730,6 +730,8 @@ const styles = StyleSheet.create({
shadowOpacity: 0.12,
shadowRadius: 12,
elevation: 6,
minHeight: 100,
justifyContent: 'center',
},
basalMetabolismCardOverride: {
margin: -16, // 抵消 masonryCard 的 padding

View File

@@ -112,6 +112,7 @@ export function StressMeter({ value, updateTime, style, hrvValue }: StressMeterP
const styles = StyleSheet.create({
container: {
flex: 1,
shadowColor: '#000',
shadowOffset: {
width: 0,