Nav apraksta

donar.js 1.7KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. import * as React from 'react';
  2. import { StyleSheet, View, ScrollView, Text, Button, Linking} from 'react-native';
  3. import Header from '../shared/header';
  4. export default function Donate({navigation}) {
  5. return (
  6. <ScrollView style={styles.container}>
  7. <Text style={styles.title}>
  8. APOYA EL TRABAJO DE <Text style={styles.redText}>TPMG </Text>
  9. CON SU COMPROMISO A <Text style={styles.blueText}>LA COMUNIDAD</Text></Text>
  10. <Text style={styles.paragraph}>Estamos muy contentos(as)
  11. de que te interese involucrarte con nuestro trabajo aquí
  12. en Techos Pa' Mi Gente. Hay muchas maneras de ayudar,
  13. y verdaderamente apreciamos cada esfuerzo. Tu apoyo será una
  14. parte esencial para nuestra organización, que ayudará a fortalecer
  15. nuestro trabajo. Nuestro compromiso es que 90% de los fondos recaudados
  16. van a servicios directos y el 10% se destina en gastos operacionales.</Text>
  17. <Button
  18. onPress={ () => {Linking.openURL("https://www.tpmgcorp.org/toma-acción")}}
  19. title="Donar"
  20. accessibilityLabel="Donar presionando el botón."
  21. />
  22. </ScrollView>
  23. )
  24. }
  25. const styles = StyleSheet.create({
  26. container: {
  27. padding: 24
  28. },
  29. title: {
  30. fontWeight: 'bold',
  31. fontFamily: "AvenirNext-Bold",
  32. fontSize: 40
  33. },
  34. subtitle: {
  35. fontWeight: 'bold',
  36. fontFamily: "Avenir-Black",
  37. fontSize: 15
  38. },
  39. paragraph: {
  40. fontWeight: 'normal',
  41. fontFamily: "Avenir-Black",
  42. fontSize: 15,
  43. textAlign: 'justify'
  44. },
  45. redText:{
  46. color: '#DF4844'
  47. },
  48. blueText:{
  49. color: '#047CC3'
  50. }
  51. });