diff --git a/src/app/screens/ForecastScreen.js b/src/app/screens/ForecastScreen.js
index 7acfe57..26c45ab 100644
--- a/src/app/screens/ForecastScreen.js
+++ b/src/app/screens/ForecastScreen.js
@@ -1,13 +1,77 @@
-import React from "react";
+import React, { useState } from "react";
import Screen from "../components/Screen";
-import InDevelopment from "../components/InDevelopment";
+import { StyleSheet, View, Text, TouchableNativeFeedback } from "react-native";
+import { dimensions } from "../config/dimensions";
+import colors from "../config/colors";
+
+function forecastDay(day, setDay) {
+ return (
+
+ setDay(0)}>
+
+
+ HOJE
+
+
+
+
+ setDay(1)}>
+
+
+ PRÓXIMO
+
+
+
+
+ );
+}
+
+function renderTodayForecast() {
+ return dia;
+}
+
+function renderWeekForecast() {
+ return semana;
+}
function ForecastScreen(props) {
+ const [day, setDay] = useState(0);
+
return (
-
-
+
+ {forecastDay(day, setDay)}
+ {day == 0 ? renderTodayForecast() : renderWeekForecast()}
);
}
+const styles = StyleSheet.create({
+ container: {
+ padding: dimensions.spacing.normal_padding,
+ },
+
+ forecastDays: {
+ flexDirection: "row",
+ justifyContent: "space-between",
+ },
+
+ forecastDayBtn: {
+ borderBottomWidth: 3,
+ width: "48%",
+ height: 30,
+ justifyContent: "center",
+ alignItems: "center",
+ },
+});
+
export default ForecastScreen;