Skip to content

Instantly share code, notes, and snippets.

View cleverg's full-sized avatar

Everardo Guadalupe cleverg

View GitHub Profile
@cleverg
cleverg / ScrollView.js
Created April 4, 2018 00:45
Este programa muestra como usar un scroll se usan varias vistas para tener un base para usar el scroll.
import React, { Component } from 'react'
import { AppRegistry, ScrollView, View, StyleSheet } from 'react-native'
export default class App extends Component {
render() {
return (
<ScrollView style={styles.container}>
<View style={styles.boxLarge} />
<ScrollView horizontal>
<View style={styles.boxSmall} />
@cleverg
cleverg / Imagen.js
Created April 4, 2018 00:43
Este programa muestra como usar una imagen con react Native
import React, { Component } from 'react'
import { AppRegistry, Image, StyleSheet } from 'react-native'
export default class App extends Component {
render() {
return (
<Image
style={styles.image}
source={{uri: 'http://www.reactnativeexpress.com/logo.png'}}
/>
@cleverg
cleverg / Texto.js
Created April 4, 2018 00:42
Este archivo te muestra como generar un texto en la app.
//Este programa te muestra como agregar un texto.
import React, { Component } from 'react'
import { AppRegistry, View, Text, StyleSheet } from 'react-native'
export default class App extends Component {
render() {
return (
<View style={styles.container}>
<Text style={styles.text}>Hola!</Text>
@cleverg
cleverg / App.js
Created July 27, 2017 19:28
3.-Creando un componentes
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import {Constants} from 'expo';
import ComponenteInicio from './app/componentes/ComponenteInicio';
export default class App extends React.Component {
render() {
return (
<View style={styles.container}>
@cleverg
cleverg / App.js
Last active April 4, 2018 02:26
2 .- React Native - Comprendiendo Flex
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import {Constants} from 'expo';
export default class App extends React.Component {
render() {
return (
<View style={styles.container}>
<Text style={styles.parrafo1}>Texto 1</Text>
<Text style={styles.parrafo2}>Texto 2</Text>