Browse Source

adding logos image to 'about' screen

master
analuizaff 3 years ago
parent
commit
ac04a3bbc9
  1. 4
      src/app/config/assets.js
  2. 6
      src/app/screens/Abbout.js

4
src/app/config/assets.js

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

6
src/app/screens/Abbout.js

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

Loading…
Cancel
Save