Mobile Development - Lecture 10

 

 Mobile Development- Using React Native - Lecture 10

Lecture Outcome:

At the end of the lecture, students will be able to know about

• Introduction to OOP and How to react

RETURNER FUNCTION HELPS US to SHOW THE UI, UX handling helper as well


in RN 
every Return should be 
one TAG CONTAIN ALL manner


VIEW is replacement of DIV in RN( for Mobile)

# INTRO to OOP ( basics) and React How Know?
# AccessModifires TODO
OBJECT ORIENTED PROGRAMMING
    => CLASS 
    => INHERITENCE (Classes communication is done by using this)
    => Interfaces
    => POLYMORPHISAM ()
    => Abstraction


# CLASS (1stClass CITIZEN VVVIP)
    => 

<!--  

- if you see there is no constructor written in a class
    it still has one!
- every class will have functions and some might not wanna share them while some do!
!-->
public class MyMainClass {
    const x = 3;

    function Duster(){

    }

    private function BlackBoard(){

    } 

}


<!-- INHERITENCE === extends 

e.g 
class kia extends CarClass 

!-->


App.js

import {View} from "react-native";

export default function App() {

  return (
    <View
    style={{
      backgroundColor:"pink",
      width:"100%",
      height: "100%"
    }}
    >
        <View
        style={{
          backgroundColor:"purple",
          width:"100%",
          height: "50%"
        }}
        />
        
        <View 
        style={{
          backgroundColor:"yellow",
          width:"100%",
          height: "50%"
        }}
        />
    </View>
  );
}