Primeras modificaciones para implementar redux. Va a haber dos rutas.

App.js

@@ -1,17 +1,3 @@
-<<<<<<< HEAD
-import { StatusBar } from 'expo-status-bar';
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-
-
-export default function App() {
-  return (
-    <View style={styles.container}>
-      <Text>"Hello world!"</Text>
-      <StatusBar style="auto" />
-    </View>
-  );
-=======
 import React, { Component } from 'react';
 import firebase from 'firebase'
 import { NavigationContainer } from '@react-navigation/native';
@@ -23,7 +9,11 @@ import { firebaseConfig } from './config/firebaseConfig';
 import { Text, View } from 'react-native';
 import { styles } from './config/styles';
 
-
+import HomeScreen from './screens/Home_page';
+import { Provider} from 'react-redux'
+import { createStore, applyMiddleware } from 'redux';
+import rootReducer from './redux/reducers'
+import thunk from 'redux-thunk'
 /*const seConfig = {
   apiKey: "AIzaSyDW-ABAQ3r_WR7C7WC_3VprL77NcAoitJI",
   authDomain: "freehand-d8ecd.firebaseapp.com",
@@ -37,12 +27,13 @@ import { styles } from './config/styles';
 //const app = firebase.initializeApp(seConfig);
 if (firebase.apps.length === 0) {
   firebase.initializeApp(firebaseConfig)
->>>>>>> master
 }
 
+const store = createStore(rootReducer, applyMiddleware(thunk));
+
 const Stack = createStackNavigator();
 
-export default class App extends Component {
+export class App extends Component {
   constructor(props){
     super(props);
     this.state = {
@@ -91,9 +82,15 @@ export default class App extends Component {
     }
 
     return(
-      <View style={styles.regcontainer}>
-        <Text>Cheese</Text>
-      </View>
+      <Provider store={store}>
+        <NavigationContainer>
+          <Stack.Navigator initialRouteName="Home">
+            <Stack.Screen name="HomeScreen" component={AddScreen} />
+          </Stack.Navigator>
+        </NavigationContainer>
+      </Provider>
     );
   }
 }
+
+

screens/Home_page.js

@@ -1,92 +0,0 @@
-import React, {useState, useEffect} from 'react'
-import { Button, Text, View, StyleSheet} from 'react-native'
-import {FlatList, ListViewBase } from 'react-native'
-import {TouchableOpacity} from 'react-native-gesture-handler'
-import {List, Divider} from 'react-native-paper'
-import Loading from '../components/Loading'
-import firebase from 'firebase';
-
-
-export default function Home_page({navigation}) {
-  const [threads, setThreads] = useState([]);  
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-
-    const fire = firebase.firestore()
-    .collection('THREADS')
-    
-    .onSnapshot(querySnapshot => {
-      const threads = querySnapshot.docs.map(documentSnapshot => {
-        return{
-          _id:documentSnapshot.id,
-          name:'',
-          ...documentSnapshot.data()
-        };
-
-      });
-
-      setThreads(threads);
-
-      if(loading){
-        setLoading(false);
-      }
-
-    });
-
-    return () => fire();
-  }, []);
-  
-  if (loading) {
-    return <Loading />;
-  }
-  
-  return (
-      <View style={styles.container}>
-        <FlatList
-          data={threads}
-          keyExtractor = {item => item._id}
-          ItemSeparatorComponent={() => <Divider />}
-          renderItem = {({item}) => (
-
-            <TouchableOpacity
-            onPress={() => navigation.navigate('Room', {thread: item})}
-            
-            >
-            <List.Item
-              title={item.name}
-              description='Item description'
-              titleNumberOfLines={1}
-              titleStyle={styles.listTitle}
-              descriptionStyle={styles.listDescription}
-              descriptionNumberOfLines={1}
-            />
-          </TouchableOpacity>
-        )}
-      />
-
-      <Button
-        title='Add Room'
-        onPress={() => navigation.navigate('Add')}
-      />
-
-        <Button
-        title ='Room'
-        onPress= {() => navigation.navigate('Room')}
-        />
-
-      </View>
-    );
-  }
-  const styles = StyleSheet.create({
-    container: {
-      backgroundColor: '#f5f5f5',
-      flex: 1
-    },
-    listTitle: {
-      fontSize: 22
-    },
-    listDescription: {
-      fontSize: 16
-    }
-  });

Home_page.js → screens/main/Home_page.js

@@ -1,88 +1,88 @@
-
-import React, {useState, useEffect} from 'react'
-import { Button, Text, View, StyleSheet} from 'react-native'
-import {FlatList, ListViewBase } from 'react-native'
-import {TouchableOpacity} from 'react-native-gesture-handler'
-import {List, Divider} from 'react-native-paper'
-import Loading from '../components/Loading'
-import firebase from 'firebase';
-import { styles } from "../config/styles";
-import { TextInput, TouchableWithoutFeedback, Keyboard, ImageBackground} from "react-native";
-
-export default function Home_page({navigation}) {
-  const [threads, setThreads] = useState([]);  
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-
-    const fire = firebase.firestore()
-    .collection('THREADS')
-    
-    .onSnapshot(querySnapshot => {
-      const threads = querySnapshot.docs.map(documentSnapshot => {
-        return{
-          _id:documentSnapshot.id,
-          name:'',
-          ...documentSnapshot.data()
-        };
-
-      });
-
-      setThreads(threads);
-
-      if(loading){
-        setLoading(false);
-      }
-
-    });
-
-    return () => fire();
-  }, []);
-  
-  if (loading) {
-    return <Loading />;
-  }
-  
-  return (
-    <View>
-    <ImageBackground style={styles.stdcontainer} source={require('../assets/yellow-white.jpg')}>
-        <FlatList
-          data={threads}
-          keyExtractor = {item => item._id}
-          ItemSeparatorComponent={() => <Divider />}
-          renderItem = {({item}) => (
-
-            <TouchableOpacity
-            onPress={() => navigation.navigate('Room', {thread: item})}
-            
-            >
-            <List.Item
-              title={item.name}
-              description='Item description'
-              titleNumberOfLines={1}
-              titleStyle={styles.listTitle}
-              descriptionStyle={styles.listDescription}
-              descriptionNumberOfLines={1}
-            />
-          </TouchableOpacity>
-        )}
-      />
-
-      <Button
-        title='Ver mensajes'
-        onPress={() => navigation.navigate('Add')}
-      />
-
-        <Button
-        title ='Hacer Busqueda'
-        onPress= {() => navigation.navigate('Room')}
-        />
-        </ImageBackground>
-      </View>
-    );
-  }
-
-
-
-
-
+
+import React, {useState, useEffect} from 'react'
+import { Button, Text, View, StyleSheet} from 'react-native'
+import {FlatList, ListViewBase } from 'react-native'
+import {TouchableOpacity} from 'react-native-gesture-handler'
+import {List, Divider} from 'react-native-paper'
+import Loading from '../components/Loading'
+import firebase from 'firebase';
+import { styles } from "../config/styles";
+import { TextInput, TouchableWithoutFeedback, Keyboard, ImageBackground} from "react-native";
+
+export default function Home_page({navigation}) {
+  const [threads, setThreads] = useState([]);  
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+
+    const fire = firebase.firestore()
+    .collection('THREADS')
+    
+    .onSnapshot(querySnapshot => {
+      const threads = querySnapshot.docs.map(documentSnapshot => {
+        return{
+          _id:documentSnapshot.id,
+          name:'',
+          ...documentSnapshot.data()
+        };
+
+      });
+
+      setThreads(threads);
+
+      if(loading){
+        setLoading(false);
+      }
+
+    });
+
+    return () => fire();
+  }, []);
+  
+  if (loading) {
+    return <Loading />;
+  }
+  
+  return (
+    <View>
+    <ImageBackground style={styles.stdcontainer} source={require('../assets/yellow-white.jpg')}>
+        <FlatList
+          data={threads}
+          keyExtractor = {item => item._id}
+          ItemSeparatorComponent={() => <Divider />}
+          renderItem = {({item}) => (
+
+            <TouchableOpacity
+            onPress={() => navigation.navigate('Room', {thread: item})}
+            
+            >
+            <List.Item
+              title={item.name}
+              description='Item description'
+              titleNumberOfLines={1}
+              titleStyle={styles.listTitle}
+              descriptionStyle={styles.listDescription}
+              descriptionNumberOfLines={1}
+            />
+          </TouchableOpacity>
+        )}
+      />
+
+      <Button
+        title='Ver mensajes'
+        onPress={() => navigation.navigate('Add')}
+      />
+
+        <Button
+        title ='Hacer Busqueda'
+        onPress= {() => navigation.navigate('Room')}
+        />
+        </ImageBackground>
+      </View>
+    );
+  }
+
+
+
+
+