Scribd
Upload
215 views

App Development-Unit 2

Uploaded by

Udhaya Sankar
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
215 views

App Development-Unit 2

Uploaded by

Udhaya Sankar
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 15

NATIVE APP DEVELOPMENT

USING JAVA

UNIT-II
Native App
Native App: A native app is built specifically
for a particular platform (e.g., Android, iOS,
Windows) using the platform's native
programming language (Java/Kotlin for
Android, Swift/Objective-C for iOS). It's
installed directly on a user's device and has
full. access to the device's capabilities
Web App
Web App: A web app, on the other hand, is
accessed through a web browser and built
using web technologies like HTML, CSS, and
JavaScript.

Native Web App


A native web app refers to a web application
that is built using web technologies (HTML,
CSS, and JavaScript)
Benefits of Native App
 Performance
 User Experience
 Access to Device Features
 Offline Functionality
 App Store Distribution
 Security
 Better Integration
 Performance Analytics
Drawbacks of Native App
 Higher development costs
 Longer development timelines
Scenarios to create Native App

 Performance-Critical Applications
 Utilizing Device Features
 Offline Functionality
 Platform-Specific User Experience:
 App Store Distribution
 Security and Data Protection
 Complex Business Applications
 High Interactivity and Rich User Interface
Tools for creating Native App
 Android Studio (Java/Kotlin)
 Xcode (Swift/Objective-C):
 React Native:
 Flutter
 Xamarin
 Ionic
 Native Script
 App celerator
Cons of Native App

 Development Cost and Time


 Platform Dependence
 App Store Approval Process
 Skill Set Requirements
 Updates and Maintenance
 Distribution Limitations
 Fragmentation
 User Adoption Barrier
 Cross-Platform Challenges
Popular Native App Development Frameworks

 React Native
 Flutter
 Xamarin
 Native Script
 Kotlin Multi plat form Mobile (KMM):
 Ionic
 Appcelerator Titanium
 Phone Gap/Cordova
 Swift UI
Java & Kotlin for Android
 Java and Kotlin are popular programming
languages used for Android app
development.

 Java: Java has been the traditional and


official programming language for Android
app development for many years

 Kotlin: Kotlin, introduced by JetBrains, is a


modern and officially supported programming
language for Android development.
Swift & Objective-C for iOS
 Swift and Objective-C are the primary
programming languages used for iOS app
development.

Objective-C: Objective-C was the original


programming language used for iOS app
development.

Swift: Swift is a modern and powerful


programming language introduced by Apple in
2014. It
Basics of React Native
 React Native is a popular open-source framework for
building cross-platform mobile apps. It allows developers
to use the same codebase written in JavaScript and
React to create native apps for both iOS and Android
platforms.
The basics of react native
 JavaScript and React:
 Components:
 Cross-Platform:
 Native Modules:
 Styling:
 Community and Libraries:
 Performance:
 JavaScript and React: React Native apps are built using JavaScript,
a widely used programming language for web development.
 Components: In React Native, the user interface is composed of
reusable components. Components are small, self-contained
building blocks that encapsulate UI elements and logic.
 Cross-Platform: One of the key advantages of React Native is its
ability to develop cross- platform apps.
 Native Modules: Although the majority of the app is written in
JavaScript, In such cases, React Native allows developers to write
native modules in Swift, Objective-C, Java, or Kotlin and expose
them to the JavaScript layer.
 Styling: React Native uses a style system similar to CSS for styling
components.
 Community and Libraries: React Native has a vibrant and active
community
 Performance: While React Native provides a near-native
experience, it might not achieve the same level of
performance as fully native apps, especially for complex and
graphics- intensive applications.
Native Components
 Native components in the context of React
Native refer to UI elements that are
rendered using native platform-specific
views. These components allow
developers to build user interfaces that
look and feel like native apps on iOS and
Android. React Native bridges JavaScript
code with the native platform's components
to provide a seamless and performant user
experience.
Some examples of native components in React Native include:

 View: The <View> component is similar to a <div> in


web development. It is a container used to group and
layout other components and does not render any
visual output itself.

 Text: The <Text> component is used for displaying


text content. It renders text in a platform-specific
manner, taking into account the platform's fonts and
text rendering features.

 Image: The <Image> component is used for


displaying images. It loads and displays images
efficiently using the native platform's image handling
capabilities.
○ ScrollView: The <ScrollView> component provides a
scrollable view, enabling users to scroll through a list or
content that exceeds the screen's height.
○ TextInput: The <TextInput> component is used for
capturing user input. It provides a native input field where
users can enter text.
○ Button: The <Button> component is used for creating
buttons that trigger actions when pressed. It is styled as a
platform-specific button.
○ StatusBar: The <StatusBar> component allows developers
to customize the status bar (the area displaying time,
battery, and other indicators) on the device's screen.
○ Touchable Components: React Native provides various
touchable components like
<TouchableOpacity>, <TouchableHighlight>,and
<TouchableWithoutFeedback>,
allowing developers to add touch interaction to elements.

You might also like