Mobile Development - Lecture 18

 

Mobile Development- Using React Native - Lecture 18

Lecture Outcome:

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

• How to add image in background in App.js
• Introduction to github

lecture part 1
How to add image in background in App.js
App.js
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Image, View } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>

      <Image
        source={require('./assets/dp2.png')}
      />
      <Image
      source={{
        uri: 'https://cdn.pixabay.com/photo/2020/04/11/18/05/red-matrix-5031496_1280.jpg'
      }}
      style={{
        width:"100%",
        height:"100%"
      }}
      />
  
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

# lecture18.md

# TOPIC 2 new RN Components + github basics

github  (code should be free for everyone to see or give suggestions === OPEN SOURCE) => MICROROST OWNED

 -> github.com 
    - Account creation ✅
    - how git works on it 

## GITHUB IS MADE UP OF:
- REPOSITORIES
    => project/s ( single project (standalone-repo ✅ ) vs multi project (mono-repo)
    )
- Contributor
    => OWNER
    => someone else can update your code will be called contributor
# GIT WORKING

### we have 3 areas in git 💡

- unrevisioned files area 
( you made a file and did not revise it for git)


- staged files area 

(you revised and added the files to be committed later)

- committed files area
 (named those staged files under a single meesage for git)


### pushppa pullpa algo of git

either you can push the code
or you can pull code (fetch the code info)
- push 
- pull
- fetch

# CLONE 
you have a backup that mocks the back up on github.com

# Branch
Exam Area/block (main branch)
you can have as many branches as you want!

# remote 
your controller that talks to your clone




💡 COMMAND OF GIT INIT? 
    => puts info about the clone in your local project  (hidden folder will be made .git)