refactor: 注释掉浮动卡片动画逻辑,调整样式以增强视觉效果
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -112,6 +112,7 @@ export function StressMeter({ value, updateTime, style, hrvValue }: StressMeterP
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
container: {
|
||||
flex: 1,
|
||||
shadowColor: '#000',
|
||||
shadowOffset: {
|
||||
width: 0,
|
||||
|
||||
Reference in New Issue
Block a user