So We have the login page and the register page inside the auth folder

ignore these red lines

we will add one thing to each page that is a button which will serve as a submit button to the login and register forms when we create them.

But I'd introduce the idea of making pressable buttons now which we can add to these pages.

in the case of a mobile app the user pressing on the screen where the button is and to react to those presses on the screen React Native provides us with a component called pressible.

1. The Pressable Component

In React Native, we use the Pressable component to detect and respond to various stages of press interactions (clicks on mobile).

• Import: import { Pressable } from "react-native";
• Visual Presence: By default, Pressable has no visual styles (no background, no border). You must style it manually using the style prop.
• State-Based Styling: Unlike a standard View, Pressable can accept a function in its style prop. This function receives an object containing a pressed boolean.

<Pressable
  style={({ pressed }) => [
    styles.btn, pressed && styles.pressed // Conditional style applied only when pressed
  ]}
>
  <Text>Click Me</Text>
</Pressable>

2. Handling Events

To trigger logic when a user finishes a press, use the onPress prop.

• Logic: Define a handler function (e.g., handleSubmit) inside your component.
• Trigger: Pass that function to the onPress prop of the Pressable.