[go: up one dir, main page]
Scribd
Upload
18 views11 pages

React Native Answers (CU CONNECT)

The document outlines a React Native course, including links to quizzes and assignments related to various topics such as headers, text inputs, images, and navigation. It also provides information on peer reviews and a final course quiz. Additionally, it includes links for joining a community for updates via Telegram and WhatsApp.

Uploaded by

mayicomeiin
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
18 views11 pages

React Native Answers (CU CONNECT)

The document outlines a React Native course, including links to quizzes and assignments related to various topics such as headers, text inputs, images, and navigation. It also provides information on peer reviews and a final course quiz. Additionally, it includes links for joining a community for updates via Telegram and WhatsApp.

Uploaded by

mayicomeiin
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/ 11

COURSE NAME: React Native

COURSE LINK: http://lnkiy.in/cu_connect

Tip: Go directly to the Grades:


1. Module quiz: Introduction to React Native:
import * as React from 'react';
import { View, Text, StyleSheet } from 'react-native';

export default function LittleLemonHeader() {


return (
<View style={headerStyles.container}>
<Text style={headerStyles.headerText}>
Little Lemon
<Text style={headerStyles.innerText}> Cafe</Text>
</Text>
</View>
);
}

const headerStyles = StyleSheet.create({


container: {
flex: 0.1,
backgroundColor: '#F4CE14',
},
headerText: {
padding: 40,
fontSize: 30,
color: 'black',
textAlign: 'center',
},
innerText: {
fontWeight: 'bold',
},
});
2. Module quiz: Lists and Text Input in React Native:

const MyLoginComponent = () => {


const [userName, onChnageUserName] = React.useState('');
const [password, onChangePassword] = React.useState('');

return (
<SafeAreaView>
<TextInput
style={styles.input}
onChangeText={onChnageUserName}
value={userName}
placeholder="first name"
/>
<TextInput
style={styles.input}
onChangeText={onChangePassword}
value={password}
placeholder="password"
/>
</SafeAreaView>
);
};
3. Module quiz: Pressable, Images and Hooks in React Native:

import React from 'react';


import { View, Image, StyleSheet } from 'react-native';
const styles = StyleSheet.create({
container: {
flex: 1,
margin: 10,
},
logo: {
width: 100,
height: 100,
flex:1
},
});

const DisplayAnImageWithStyle = () => {


return (
<View style={styles.container}>
<Image
resizeMode={"cover"}
style={styles.logo}
source={require('./logo.png')}
/>
</View>
);
}

export default DisplayAnImageWithStyle;


4. Module quiz: React Navigation:
5. Peer review: Little Lemon newsletter sign-up:

littlemon_ASSIGNMENT.zip

(You can get this file directly from the chat, just upload it and give other peers good score.)

6. Final course quiz: React Native:


JOIN CU CONNECT FOR MORE UPDATES:

TELEGRAM: https://t.me/cuconnectt

WHATSAPP: https://chat.whatsapp.com/HqaYooXIJrF4BqX58Z9HQi

You might also like