- 在 CoachScreen 中调整键盘高度计算,移除不必要的 insets.bottom - 更新 Statistics 组件,移除未使用的健康数据相关函数,简化代码 - 修改多个统计卡片,移除不必要的图标属性,提升组件简洁性 - 优化 HealthDataCard 和其他统计卡片的样式,提升视觉一致性 - 更新健康数据获取逻辑,确保数据处理更为准确 - 移除 MoodCard 中的多余元素,简化心情记录展示 - 调整 StressMeter 和其他组件的样式,提升用户体验
37 lines
818 B
TypeScript
37 lines
818 B
TypeScript
import { Ionicons } from '@expo/vector-icons';
|
|
import React from 'react';
|
|
import { StyleSheet } from 'react-native';
|
|
import HealthDataCard from './HealthDataCard';
|
|
|
|
interface OxygenSaturationCardProps {
|
|
resetToken: number;
|
|
style?: object;
|
|
oxygenSaturation?: number | null;
|
|
}
|
|
|
|
const OxygenSaturationCard: React.FC<OxygenSaturationCardProps> = ({
|
|
resetToken,
|
|
style,
|
|
oxygenSaturation
|
|
}) => {
|
|
const oxygenIcon = (
|
|
<Ionicons name="water" size={24} color="#3B82F6" />
|
|
);
|
|
|
|
return (
|
|
<HealthDataCard
|
|
title="血氧饱和度"
|
|
value={oxygenSaturation !== null && oxygenSaturation !== undefined ? oxygenSaturation.toFixed(1) : '--'}
|
|
unit="%"
|
|
style={style}
|
|
/>
|
|
);
|
|
};
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
},
|
|
});
|
|
|
|
export default OxygenSaturationCard; |