You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
2.8 KiB
92 lines
2.8 KiB
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
|
|
class WeatherDayCard extends StatelessWidget {
|
|
final Map? data;
|
|
final bool isDarkMode;
|
|
|
|
const WeatherDayCard(this.data, this.isDarkMode, {super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
data?['date'],
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white : Colors.black,
|
|
fontSize: 10.sp,
|
|
),
|
|
),
|
|
Text(
|
|
'${data?['temperature']}°',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white : Colors.black,
|
|
fontSize: 30.sp,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
Icon(
|
|
Icons.sunny,
|
|
color: isDarkMode ? Colors.white : Colors.amber[600]!,
|
|
size: 18.w,
|
|
),
|
|
Text(
|
|
'${data?['weatherCondition']},${data?['windDirection']}',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white : Colors.black,
|
|
fontSize: 14.sp,
|
|
),
|
|
),
|
|
// Row(
|
|
// children: [
|
|
// Text(
|
|
// '最\n高',
|
|
// style: TextStyle(
|
|
// color: isDarkMode ? Colors.white : Colors.black,
|
|
// fontSize: 10.sp,
|
|
// height: 1,
|
|
// ),
|
|
// ),
|
|
// 5.horizontalSpace,
|
|
// Text(
|
|
// '${data?['maxTemperature']}°',
|
|
// style: TextStyle(
|
|
// color: isDarkMode ? Colors.white : Colors.black,
|
|
// fontSize: 20.sp,
|
|
// ),
|
|
// ),
|
|
// 10.horizontalSpace,
|
|
// Text(
|
|
// '最\n低',
|
|
// style: TextStyle(
|
|
// color: isDarkMode ? Colors.white : Colors.black,
|
|
// fontSize: 10.sp,
|
|
// height: 1,
|
|
// ),
|
|
// ),
|
|
// 5.horizontalSpace,
|
|
// Text(
|
|
// '${data?['minTemperature']}°',
|
|
// style: TextStyle(
|
|
// color: isDarkMode ? Colors.white : Colors.black,
|
|
// fontSize: 20.sp,
|
|
// ),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
],
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|