App.js

import React, {Component, useState} from 'react';
import {
  Alert,
  StyleSheet,
  Text,
  TouchableHighlight,
  View,
  Button
} from 'react-native';
import {NavigationContainer} from '@react-navigation/native';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import HomeScreen from './src/components/Home';
import SignupScreen from './src/components/Signup';
import ClicksignupScreen from './src/components/CsignUp';
import ProfileScreen from './src/components/Profile';
import LoginScreen from './src/components/Login';
import BillSummaryStory from './src/components/BillSummaryStory';
import ReportScreen from './src/components/Report';
import { LogBox } from 'react-native';
LogBox.ignoreLogs(['Warning: ...']); // Ignore log notification by message
LogBox.ignoreAllLogs();//Ignore all log notifications


const Stack = createNativeStackNavigator();

var userContext = React.createContext(null);

//export default function UserContextComponent() {
//  var[userInfo] = useState({
//    uID: null
//  })
//
//  return (
//    <userContext.Provider val={userInfo}>
//      <
//    </userContext.Provider>
//  )
//}

export default class App extends Component {
  _onPressButton() {
    Alert.alert('You tapped the button!');
  }

  render() {
    return (
      <NavigationContainer>
        <Stack.Navigator initialRouteName="Homes">
          <Stack.Screen options={{ title: 'Home' }} name="Home" component={HomeScreen} />
          <Stack.Screen options={{ title: 'Sign Up' }} name="Signup" component={SignupScreen} />
          <Stack.Screen name="Login" component={LoginScreen} />
          <Stack.Screen options={{ title: 'Are You Represented?' }}  name="Profile" component={ProfileScreen} />
          <Stack.Screen options={{ title: 'Your Representatives' }} name="CsignUp" component={ClicksignupScreen} />
          <Stack.Screen options={{ title: 'Today\'s Bill' }} name="BillSummaryStory" component={BillSummaryStory} /> 
          <Stack.Screen options={{ title: 'Bill Report' }} name="Report" component={ReportScreen} /> 
        </Stack.Navigator>
      </NavigationContainer>
    );
  }
}

//const styles = StyleSheet.create({
//  container: {
//    paddingTop: 60,
//    alignItems: 'center',
//  },
//  button: {
//    marginBottom: 30,
//    width: 260,
//   alignItems: 'center',
//    backgroundColor: '#2196F3',
//  },
//  buttonText: {
//    textAlign: 'center',
//    padding: 20,
//    color: 'black',
//  },
//});


      // {/* <Button
      //     onPress={onPressLearnMore}
      //     title="Learn More"
      //     color="#841584"
      //     accessibilityLabel="Learn more about this purple button"
      //   />
      //   <TouchableHighlight onPress={this._onPressButton} underlayColor="white">
      //     <View style={styles.button}>
      //       <Text style={styles.buttonText}>Sign Up</Text>
      //     </View>
      //   </TouchableHighlight>
      //   <TouchableHighlight onPress={this._onPressButton} underlayColor="white">
      //     <View style={styles.button}>
      //       <Text style={styles.buttonText}>Log In</Text>
      //     </View>
      //   </TouchableHighlight> */}
      // // </NavigationContainer>