Scribd
Upload
38 views

Internship Report

Uploaded by

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

Internship Report

Uploaded by

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

Internship

Mobile Application Development

Day 1
 Introduction to mobile application development also known as
flutter. It uses react native, React Native is like React, but it uses
native components instead of web components as building blocks.
 Methods of creating react native applications are Expo Go-CLI and
React Native-CLI. Set up:
Step 1: Set Up Development Environment with Expo Go
Before creating a react rative project, ensure you have the following tools
installed on your system:
1. Node.js and npm (Node Package Manager) Node.js — Run JavaScript
Everywhere (nodejs.org)
2. Expo Go App (on your Mobile)
3. Install Link: Expo Go - Expo

Step 2: Setting up a New React Native Project


Open VS Code
Run the following commands step by step in this flow to create a new react
native project:
● · npx create-expo-app YourProjectName --template blank
● · cd YourProjectName
● · npx expo start
Step 3: Run Your App on your Device
Scan the QR Code displayed on the terminal using Expo App to run your app
in your mobile. You can type these in your terminal for the following
functionalities:
Press j │ open debugger
Press r │ reload app
Press m │ display menu in your mobile
Day 2
 Write the following command on vs code terminal and the folder of that
name will be created.

Now open that folder on vs code and the following packages and files will
be shown

Core Components in React Native


To use Core components in React Native, make sure you import them from
‘react-native’. For Example,
import {View} from ‘react-native;
View
The most fundamental component for building a UI, View is a container
that supports layout with flexbox, style, some touch handling and
accessibility controls. View serves the same purpose as <div> tag in ReactJs.
Text
A React component for displaying text. The text strings should be enclosed
in a Text tag. Native doesn’t support Text strings being enclosed any other
tag.
We try to run the Hello World program using react native
Day 3:
 Learned to use css inside the code and import icons or
symbols from the vector expo icons site.
To import the icons install it in npm, write the following command in
terminal of vs code : npmi @expo/vector-icons
Day 4
Prop: Prop is properties used in app.js to import child file in the
parent file.
Covered topics like <scrollview> tag to scroll the screen.
A ScrollView is a layout container that allows for scrolling through a large
amount of content within a limited display area. It can contain any number
of elements and will provide a vertical or horizontal scrolling interface to
navigate through these elements.
The text written inside the <scrollview> </scrollview> tags will be scrollable
and can add multiple things inside it.
Touchable Opacity:
TouchableOpacity is a component in React Native that provides a way to
capture touch events and apply an opacity effect when the element is
pressed. This creates a visual feedback for the user, indicating that the
touch event has been registered.
Pressable:
Pressable is a more versatile and powerful component in React Native
introduced to handle press interactions. It is designed to be a direct
replacement for TouchableOpacity, TouchableHighlight, and similar
components, providing more control over touch interactions and allowing
for more complex and customizable touch handling.
Prop: Prop is properties used in app.js to import child file in the parent file.

Day 5
 Implements all the topics discuss previous and complete a task.
Day 6
 Execute the touchable opacity feature in the code. Different
features are there like pressable, button and touchable.
Day 7

Created a login and sign up page with proper css in react native.

You might also like