abbout screen (missing logos)

src/app/screens/Abbout.js

@@ -1,10 +1,127 @@
 import React from "react";
-import {View, Text} from "react-native";
+import { View, Text, StyleSheet, Linking, ScrollView } from "react-native";
+import colors from "../config/colors";
+import { dimensions } from "../config/dimensions";
 
 export default function Abbout(props) {
+  const linkWarwick =
+    "https://warwick.ac.uk/fac/arts/schoolforcross-facultystudies/igsd/waterproofingdata/";
+
+  const linkCEMADEN = "http://educacao.cemaden.gov.br/";
+
+  const linkNorface =
+    "https://www.norface.net/program/transformations--to-sustainability/";
+
   return (
-    <View>
-      <Text>Abbout</Text>
+    <View style={styles.container}>
+      <View style={styles.HeaderBackground}>
+        <Text style={styles.txtHeader}>Waterproofing Data</Text>
+      </View>
+      <ScrollView style={styles.scrollContainer}>
+        <View style={{ padding: dimensions.spacing.normal_padding }}>
+          <View style={styles.sectionStyle}>
+            <View style={styles.titleBackground}>
+              <Text style={styles.txtTitle}>
+                Sobre o Projeto Dados à Prova D’água
+              </Text>
+            </View>
+            <Text style={styles.txtDescription}>
+              O projeto Dados à Prova D’água investiga a governança de riscos
+              relacionados à água com foco nos aspectos sociais e culturais das
+              práticas de dados. Normalmente, os dados fluem das cidades para os
+              “centros de pesquisa” e, em seguida, os alertas e as intervenções
+              fluem de volta para os governos locais e as comunidades. O projeto
+              é conduzido por uma equipe internacional de pesquisadores do
+              Brazil, Reino Unido e da Alemanha. O aplicativo “nome” tem como
+              objetivo engajar comunidades, escolas, defesas civis e outras
+              agências governamentais na geração e circulação de dados
+              relacionados à inundações. {"\n\n"}Mais informações:{"\n"}
+              <Text onPress={() => Linking.openURL(linkWarwick)}>
+                {linkWarwick}
+              </Text>
+            </Text>
+          </View>
+
+          <View style={styles.sectionStyle}>
+            <View style={styles.titleBackground}>
+              <Text style={styles.txtTitle}>Sobre o Cemaden Educação</Text>
+            </View>
+            <Text style={styles.txtDescription}>
+              O programa Cemaden Educação, vinculado ao Centro Nacional de
+              Monitoramento e Alertas de Desastres Naturais (Cemaden), visa
+              promever a formação de escolas e comunidades na prevenção de
+              riscos de desastres. O objetivo principal é contribuir para a
+              geração de uma cultura de percepção de riscos de desastres,
+              possibilitando, assim, a construção de sociedades sustentáveis e
+              resilientes. (Texto adaptado do site do Cemaden Educação) {"\n\n"}
+              Mais informações: {"\n"}
+              <Text onPress={() => Linking.openURL(linkCEMADEN)}>
+                {linkCEMADEN}
+              </Text>
+            </Text>
+          </View>
+
+          <View style={styles.sectionStyle}>
+            <View style={styles.titleBackground}>
+              <Text style={styles.txtTitle}>Cooperação e financiamento</Text>
+            </View>
+            <Text style={styles.txtDescription}>
+              O aplicativo “nome” é parte do projeto T2S Waterproofing Data (em
+              inglês) que é apoiado financeiramente pelo Belmont Forum e NORFACE
+              Joint Research Programme on Transformations to Sustainability (
+              <Text onPress={() => Linking.openURL(linkNorface)}>
+                {linkNorface}
+              </Text>
+              acessado em 16 de agosto de 2021), co-financiado pelo DLR/BMBF
+              (Ministério Federal de Educação e Pesquisa da Alemanha),
+              ESRC/Flobal Challenges Research Fund (Inglaterra), FAPESP
+              (Brasil), Comissão Européia pelo Horizon 2020 e UK Research and
+              Innovation por meio do GCRF Global Research Translation Award.
+            </Text>
+          </View>
+        </View>
+        <View style={styles.sectionStyle}>
+          <Text> Add logos (../assets/logos)</Text>
+        </View>
+      </ScrollView>
     </View>
-  )
+  );
 }
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: dimensions.spacing.normal_padding,
+  },
+  scrollContainer: {
+    flex: 1,
+    flexDirection: "column",
+  },
+  txtHeader: {
+    fontSize: dimensions.text.header,
+    color: colors.white,
+    fontWeight: "bold",
+    textAlign: "left",
+    padding: dimensions.spacing.normal_padding,
+  },
+  HeaderBackground: {
+    backgroundColor: colors.primary,
+    marginBottom: dimensions.spacing.minimal_padding,
+  },
+  txtTitle: {
+    fontSize: dimensions.text.secondary,
+    color: colors.white,
+    fontWeight: "bold",
+    textAlign: "left",
+    padding: dimensions.spacing.normal_padding,
+  },
+  txtDescription: {
+    fontSize: dimensions.text.default,
+  },
+  titleBackground: {
+    backgroundColor: colors.greyishBlue,
+    marginBottom: dimensions.spacing.minimal_padding,
+  },
+  sectionStyle: {
+    marginTop: dimensions.spacing.normal_padding,
+  },
+});