Anadi Login al stack navigator en App.js. Quitamos el <View> de Home_page.js para que se vea completo el background.

App.js

@@ -65,7 +65,7 @@ export class App extends Component {
       return (
         <NavigationContainer>
           <Stack.Navigator>
-            <Stack.Screen name={" "} options={{headerShown: false}} component={LoginScreen}/>
+            <Stack.Screen name={"Login"} options={{headerShown: false}} component={LoginScreen}/>
             <Stack.Screen name={"Register"} options={{headerTransparent: true, headerTitle: " "}} component={RegisterScreen}/>
           </Stack.Navigator>
         </NavigationContainer>

screens/main/Home_page.js

@@ -18,8 +18,9 @@ export function Home_page({navigation}) {
   const [threads, setThreads] = useState([]);  
   const [loading, setLoading] = useState(true);
   
-  //const [roomName, setRoomName] = useState('');
+  const [roomName, setRoomName] = useState('');
   //const navigation = useNavigation();
+  //const [roomName, setRoomName] = useState('');
 
   useEffect(() => {
 
@@ -54,7 +55,7 @@ export function Home_page({navigation}) {
   }
 
 
-  /*function handleButtonPress() {
+  function handleButtonPress() {
     if (roomName.length > 0) {
       firebase.firestore()
         .collection('Users')
@@ -63,11 +64,11 @@ export function Home_page({navigation}) {
         .add({
           name: roomName
         })
-        .then(() => {
-          navigation.navigate('allChats');
-         });
+        //.then(() => {
+          //navigation.navigate('allChats');
+         //});
     }
-  }*/
+  }
 
 
 
@@ -75,7 +76,6 @@ export function Home_page({navigation}) {
 
   
   return (
-    <View>
     <ImageBackground style={styles.stdcontainer} source={require('../../assets/yellow-white.jpg')}>
         <FlatList
           data={threads}
@@ -99,9 +99,16 @@ export function Home_page({navigation}) {
         )}
       />
 
+                <TextInput
+                    labelName='Room Name'
+                    placeholder="new chat room"
+                    onChangeText={(text) => setRoomName(text)}
+                    clearButtonMode='while-editing'
+                />
+
       <Button
-        title='Ver mensajes'
-        onPress={() => navigation.navigate('Add')}
+        title='Provisional'
+        onPress={() => handleButtonPress()}
       />
 
         <Button
@@ -109,7 +116,6 @@ export function Home_page({navigation}) {
         onPress= {() => navigation.navigate('Room')}
         />
         </ImageBackground>
-      </View>
     );
   }