[go: up one dir, main page]
Scribd
Upload
11 views2 pages

Reactnative Task

The document outlines an assignment to create a simple Login Screen UI using React Native, focusing on basic UI components, layout, and styling. Key requirements include elements like an app title, email and password input fields, a login button, and optional links for password recovery and sign-up, along with specific styling and functionality. Deliverables include a working project, source code files, a screenshot or video, and a README.md file for instructions on running the app.

Uploaded by

Aniket
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
11 views2 pages

Reactnative Task

The document outlines an assignment to create a simple Login Screen UI using React Native, focusing on basic UI components, layout, and styling. Key requirements include elements like an app title, email and password input fields, a login button, and optional links for password recovery and sign-up, along with specific styling and functionality. Deliverables include a working project, source code files, a screenshot or video, and a README.md file for instructions on running the app.

Uploaded by

Aniket
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

React Native Assignment: Login Screen UI

Objective:

Create a simple Login Screen UI using React Native. This task is aimed at helping you understand

basic UI components, layout, and styling in React Native.

Requirements:

1. The login screen should contain the following elements:

- App title or logo (can be text-based)

- Email TextInput field

- Password TextInput field (secure entry)

- Login Button

- Optional: "Forgot Password?" link

- Optional: "Sign Up" link for new users

2. Styling:

- Inputs should have proper padding, border, and placeholder text.

- The layout should be centered vertically and horizontally.

- Use appropriate spacing between elements.

- The login button should be styled distinctly.

3. Functionality:

- Email and Password inputs should update the local state.

- Show an alert on clicking the Login button, displaying the entered email and password.

- Create .JSON file for Backend Integration for email and password.

Bonus:

- Add input validation (e.g., check for valid email format).

- Show/hide password toggle for password field.

- Make the screen responsive for various device sizes.


Deliverables:

- A working React Native project (Expo or CLI).

- Source code files: App.js and any custom components.

- A screenshot or short video of the working screen.

- A README.md explaining how to run the app.

Tools/Packages:

- React Native (with Expo or React Native CLI)

- React Native Components: View, Text, TextInput, TouchableOpacity, StyleSheet

- (Optional) react-native-vector-icons for icon

You might also like