adding logos image to 'about' screen

src/app/config/assets.js

@@ -36,6 +36,7 @@ import PinPluviometroArt from "../assets/pluviometer/PinPluviometroArt";
 import FloodPassable from "../assets/floodZonesAssets/passable.svg";
 import FloodNotPassable from "../assets/floodZonesAssets/not_passable.svg";
 import PinPluviometerOfficial from "../assets/pluviometer/PinPluviometerOfficial";
+import AboutScreenLogos from "../assets/logos/AboutScreenLogos";
 
 export default {
   floodZones: {
@@ -81,6 +82,9 @@ export default {
     rain_3_5_pin: PinChuvaForte,
     Rain_3_5: RainHigh,
   },
+  logos: {
+    logo_aboutScreen: AboutScreenLogos,
+  },
   weather_icons: [
     Weather_0_sunny,
     Weather_1_cloudy_sun,

src/app/screens/Abbout.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { View, Text, StyleSheet, Linking, ScrollView } from "react-native";
+import { View, Text, StyleSheet, Linking, ScrollView, Image } from "react-native";
 import colors from "../config/colors";
 import { dimensions } from "../config/dimensions";
 
@@ -81,7 +81,7 @@ export default function Abbout(props) {
           </View>
         </View>
         <View style={styles.sectionStyle}>
-          <Text> Add logos (../assets/logos)</Text>
+          <Image source={require('../assets/logos/aboutlogos.png')}/>
         </View>
       </ScrollView>
     </View>
@@ -118,7 +118,7 @@ const styles = StyleSheet.create({
     fontSize: dimensions.text.default,
   },
   titleBackground: {
-    backgroundColor: colors.greyishBlue,
+    backgroundColor: colors.secondary,
     marginBottom: dimensions.spacing.minimal_padding,
   },
   sectionStyle: {