Browse Source

updating 'abbout' screen

master
analuizaff 3 years ago
parent
commit
592ef6daa1
  1. BIN
      src/app/assets/logos/logoparceiros.png
  2. 2
      src/app/navigation/AppNavigator.js
  3. 65
      src/app/screens/Abbout.js

BIN
src/app/assets/logos/logoparceiros.png

After

Width: 1080  |  Height: 922  |  Size: 278 KiB

2
src/app/navigation/AppNavigator.js

@ -87,7 +87,7 @@ const AppNavigator = () => (
name="Abbout" name="Abbout"
component={Abbout} component={Abbout}
options={{ options={{
title: "Sobre",
title: "Dados à Prova d'água",
tabBarIcon: ({ color, size }) => ( tabBarIcon: ({ color, size }) => (
<MaterialCommunityIcons <MaterialCommunityIcons
name="information-outline" name="information-outline"

65
src/app/screens/Abbout.js

@ -1,8 +1,15 @@
import React from "react"; import React from "react";
import { View, Text, StyleSheet, Linking, ScrollView, Image } from "react-native";
import {
View,
Text,
StyleSheet,
Linking,
ScrollView,
Image,
} from "react-native";
import colors from "../config/colors"; import colors from "../config/colors";
import { dimensions, screen_width } from "../config/dimensions"; import { dimensions, screen_width } from "../config/dimensions";
import logos from "../assets/logos/LogosAPP.svg"
import logos from "../assets/logos/LogosAPP.svg";
export default function Abbout(props) { export default function Abbout(props) {
const linkWarwick = const linkWarwick =
@ -15,9 +22,6 @@ export default function Abbout(props) {
return ( return (
<View style={styles.container}> <View style={styles.container}>
<View style={styles.HeaderBackground}>
<Text style={styles.txtHeader}>Dados à Prova d'água</Text>
</View>
<ScrollView style={styles.scrollContainer}> <ScrollView style={styles.scrollContainer}>
<View style={{ padding: dimensions.spacing.normal_padding }}> <View style={{ padding: dimensions.spacing.normal_padding }}>
<View style={styles.sectionStyle}> <View style={styles.sectionStyle}>
@ -33,14 +37,28 @@ export default function Abbout(props) {
centros de pesquisa e, em seguida, os alertas e as intervenções centros de pesquisa e, em seguida, os alertas e as intervenções
fluem de volta para os governos locais e as comunidades. O projeto fluem de volta para os governos locais e as comunidades. O projeto
é conduzido por uma equipe internacional de pesquisadores do é conduzido por uma equipe internacional de pesquisadores do
Brasil, Reino Unido e da Alemanha. O aplicativo Dados à Prova d'água 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 style={styles.url} onPress={() => Linking.openURL(linkWarwick)}>
Brasil, Reino Unido e da Alemanha. O aplicativo Dados à Prova
d'água 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
style={styles.url}
onPress={() => Linking.openURL(linkWarwick)}
>
{linkWarwick} {linkWarwick}
</Text> </Text>
</Text> </Text>
<View style={styles.sectionStyle}>
<Image
style={{
resizeMode: "center",
width: 1080 * 0.4,
height: 940 * 0.4,
}}
source={require("../assets/logos/logoparceiros.png")}
/>
</View>
</View> </View>
<View style={styles.sectionStyle}> <View style={styles.sectionStyle}>
@ -56,7 +74,10 @@ export default function Abbout(props) {
possibilitando, assim, a construção de sociedades sustentáveis e possibilitando, assim, a construção de sociedades sustentáveis e
resilientes. (Texto adaptado do site do Cemaden Educação) {"\n\n"} resilientes. (Texto adaptado do site do Cemaden Educação) {"\n\n"}
Mais informações: {"\n"} Mais informações: {"\n"}
<Text style={styles.url} onPress={() => Linking.openURL(linkCEMADEN)}>
<Text
style={styles.url}
onPress={() => Linking.openURL(linkCEMADEN)}
>
{linkCEMADEN} {linkCEMADEN}
</Text> </Text>
</Text> </Text>
@ -67,10 +88,14 @@ export default function Abbout(props) {
<Text style={styles.txtTitle}>Cooperação e financiamento</Text> <Text style={styles.txtTitle}>Cooperação e financiamento</Text>
</View> </View>
<Text style={styles.txtDescription}> <Text style={styles.txtDescription}>
O aplicativo Dados à Prova d'água é 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 style={styles.url} onPress={() => Linking.openURL(linkNorface)}>
O aplicativo Dados à Prova d'água é 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
style={styles.url}
onPress={() => Linking.openURL(linkNorface)}
>
{linkNorface} {linkNorface}
</Text> </Text>
acessado em 16 de agosto de 2021), co-financiado pelo DLR/BMBF acessado em 16 de agosto de 2021), co-financiado pelo DLR/BMBF
@ -82,12 +107,14 @@ export default function Abbout(props) {
</View> </View>
</View> </View>
<View style={styles.sectionStyle}> <View style={styles.sectionStyle}>
<Image style={{
<Image
style={{
resizeMode: "center", resizeMode: "center",
width: 1080 * 0.4, width: 1080 * 0.4,
height: 940 * 0.4, height: 940 * 0.4,
}} }}
source={require('../assets/logos/aboutlogos.png')}/>
source={require("../assets/logos/aboutlogos.png")}
/>
</View> </View>
</ScrollView> </ScrollView>
</View> </View>
@ -123,7 +150,7 @@ const styles = StyleSheet.create({
url: { url: {
fontSize: dimensions.text.default, fontSize: dimensions.text.default,
color: "blue", color: "blue",
textDecorationLine: 'underline',
textDecorationLine: "underline",
}, },
txtDescription: { txtDescription: {
fontSize: dimensions.text.default, fontSize: dimensions.text.default,
@ -136,6 +163,6 @@ const styles = StyleSheet.create({
sectionStyle: { sectionStyle: {
marginTop: dimensions.spacing.normal_padding, marginTop: dimensions.spacing.normal_padding,
justifyContent: "center", justifyContent: "center",
alignItems:"center"
alignItems: "center",
}, },
}); });
Loading…
Cancel
Save