elCaribe app - customization and branding
This commit is contained in:
140
news-app/lib/ui/screens/HomePage/Widgets/WeatherData.dart
Normal file
140
news-app/lib/ui/screens/HomePage/Widgets/WeatherData.dart
Normal file
@@ -0,0 +1,140 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:hive/hive.dart';
|
||||
import 'package:intl/intl.dart';
|
||||
import 'package:news/utils/hiveBoxKeys.dart';
|
||||
import 'package:news/utils/uiUtils.dart';
|
||||
import 'package:news/data/models/WeatherData.dart';
|
||||
import 'package:news/ui/widgets/customTextLabel.dart';
|
||||
|
||||
class WeatherDataView extends StatefulWidget {
|
||||
final WeatherDetails weatherData;
|
||||
|
||||
const WeatherDataView({super.key, required this.weatherData});
|
||||
|
||||
@override
|
||||
WeatherDataState createState() => WeatherDataState();
|
||||
}
|
||||
|
||||
class WeatherDataState extends State<WeatherDataView> {
|
||||
late Future<void> _future;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_future = UiUtils.checkIfValidLocale(langCode: Hive.box(settingsBoxKey).get(currentLanguageCodeKey));
|
||||
}
|
||||
|
||||
Widget weatherDataView() {
|
||||
return FutureBuilder<void>(
|
||||
future: _future,
|
||||
builder: (context, snapshot) {
|
||||
DateTime now = DateTime.now();
|
||||
String day = DateFormat('EEEE').format(now);
|
||||
WeatherDetails weatherData = widget.weatherData;
|
||||
return Container(
|
||||
margin: const EdgeInsetsDirectional.only(top: 15.0),
|
||||
padding: const EdgeInsets.all(10.0),
|
||||
decoration: BoxDecoration(borderRadius: BorderRadius.circular(10.0), color: UiUtils.getColorScheme(context).surface),
|
||||
height: MediaQuery.of(context).size.height * 0.14,
|
||||
child: Row(
|
||||
children: <Widget>[
|
||||
Expanded(
|
||||
flex: 3,
|
||||
child: Column(
|
||||
children: <Widget>[
|
||||
CustomTextLabel(
|
||||
text: 'weatherLbl',
|
||||
textStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.8)),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
softWrap: true),
|
||||
Row(
|
||||
children: <Widget>[
|
||||
Image.network("https:${weatherData.icon!}", width: 40.0, height: 40.0),
|
||||
Padding(
|
||||
padding: const EdgeInsetsDirectional.only(start: 7.0),
|
||||
child: CustomTextLabel(
|
||||
text: "${weatherData.tempC!.toString()}\u2103",
|
||||
textStyle: Theme.of(context).textTheme.titleLarge?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.8)),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
softWrap: true,
|
||||
maxLines: 1))
|
||||
],
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
const Spacer(),
|
||||
Expanded(
|
||||
flex: 4,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
children: <Widget>[
|
||||
CustomTextLabel(
|
||||
text: "${weatherData.name!},${weatherData.region!}",
|
||||
textStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer, fontWeight: FontWeight.w600),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
softWrap: true,
|
||||
maxLines: 1),
|
||||
CustomTextLabel(
|
||||
text: weatherData.country!,
|
||||
textStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer, fontWeight: FontWeight.w600),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
softWrap: true,
|
||||
maxLines: 1),
|
||||
Padding(
|
||||
padding: const EdgeInsetsDirectional.only(top: 3.0),
|
||||
child: CustomTextLabel(
|
||||
text: day,
|
||||
textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.8)),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
softWrap: true,
|
||||
maxLines: 1)),
|
||||
Padding(
|
||||
padding: const EdgeInsetsDirectional.only(top: 3.0),
|
||||
child: CustomTextLabel(
|
||||
text: weatherData.text!,
|
||||
textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.8)),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
softWrap: true)),
|
||||
Expanded(
|
||||
child: Padding(
|
||||
padding: const EdgeInsetsDirectional.only(top: 3.0),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
children: <Widget>[
|
||||
Icon(Icons.arrow_upward_outlined, size: 13.0, color: UiUtils.getColorScheme(context).primaryContainer),
|
||||
CustomTextLabel(
|
||||
text: "H:${weatherData.maxTempC!.toString()}\u2103",
|
||||
textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.8)),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
softWrap: true),
|
||||
Padding(
|
||||
padding: const EdgeInsetsDirectional.only(start: 8.0),
|
||||
child: Icon(Icons.arrow_downward_outlined, size: 13.0, color: UiUtils.getColorScheme(context).primaryContainer)),
|
||||
CustomTextLabel(
|
||||
text: "L:${weatherData.minTempC!.toString()}\u2103",
|
||||
textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.8)),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
softWrap: true)
|
||||
],
|
||||
)),
|
||||
)
|
||||
],
|
||||
),
|
||||
)
|
||||
],
|
||||
));
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return weatherDataView();
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user