react native weather

Author: Felipe Chaux

weather/.gitignore

@@ -0,0 +1,7 @@
+node_modules/**/*
+.expo/*
+npm-debug.*
+*.jks
+*.p12
+*.key
+*.mobileprovision

weather/.watchmanconfig

@@ -0,0 +1 @@
+{}

weather/App.js

@@ -0,0 +1,76 @@
+import React from 'react';
+import { StyleSheet, Text, View,Platform,TextInput,KeyboardAvoidingView } from 'react-native';
+
+import SearchInput from './components/SearchInput';
+
+
+export default class App extends React.Component {
+  render() {
+  const style={color:'red'};
+    return (
+      <KeyboardAvoidingView 
+      style={styles.container}
+      behavior="padding"
+      >
+        <Text style={style}>
+          Hello, friend I am a basic React Native Componente
+        </Text>
+
+
+        <Text style={[styles.largeText,styles.textStyle]}>
+          San Francisco
+        </Text>
+
+        <Text style={[styles.smallText,styles.textStyle]}>
+          Light Cloud
+        </Text>
+
+        <Text style={[styles.largeText,styles.textStyle]}>24°</Text>
+
+        <SearchInput placeholder="Search any city"></SearchInput>
+
+  {/*<Image source={require('./image.png')}/>*/}
+      </KeyboardAvoidingView>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  textStyle:{
+    textAlign:'center',
+    /*fontFamily:
+    Platform.OS==='ios'?'AvenirNext-Regular':'Roboto',*/
+     ...Platform.select({
+      ios:{
+        fontFamily:'AvenirNext-Regular',
+      },
+      android:{
+        fontFamily:'Roboto',
+      },
+    }),
+  },
+  largeText:{
+    fontSize:44,
+  },
+  smallText:{
+    fontSize:18,
+  },
+  textInput:{
+    backgroundColor:'#666',
+    color:'white',
+    height:40,
+    width:300,
+    marginTop:20,
+    marginHorizontal:20,
+    paddingHorizontal:10,
+    alignSelf:'center',
+  },
+
+ 
+});

weather/app.json

@@ -0,0 +1,29 @@
+{
+  "expo": {
+    "name": "WeatherApp",
+    "slug": "weather",
+    "privacy": "public",
+    "sdkVersion": "31.0.0",
+    "platforms": [
+      "ios",
+      "android"
+    ],
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "updates": {
+      "fallbackToCacheTimeout": 0
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true
+    }
+  }
+}

weather/assets/clear.png

@@ -0,0 +1,6 @@
+module.exports = function(api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+  };
+};