Skip to content

Latest commit

 

History

History
72 lines (58 loc) · 1.56 KB

README.md

File metadata and controls

72 lines (58 loc) · 1.56 KB

My React Native App

This is a simple React Native application that I developed as part of a task to display a text message with specific styles.

Description

In this project, I made the following modifications to the App.js file:

  • Changed the background color of the View component.
  • Edited the Text component to display "My name is Benson Otti".
  • Increased the font size of the text to 24.
  • Made the name "Benson Otti" bold.

Screenshot

Screenshot 2024-05-26 194420.png

Student ID

My Student ID: 11296671

How to Run the Project

  1. Clone this repository:
    git clone https://github.com/Rizculla/rn-assignment2-ID-11296671.git
  2. Navigate to the project directory:
    cd rn-assignment2-ID-11296671
  3. Install the dependencies:
    npm install
  4. Run the project:
    npm start

App.js Code

Here is the code for the App.js file:

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <Text style={styles.text}>
        My name is <Text style={styles.boldText}>Benson Otti</Text>
      </Text>
      <StatusBar style="auto" />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#f0f8ff', // Changed the background color
    alignItems: 'center',
    justifyContent: 'center',
  },
  text: {
    fontSize: 24, // Increased the font size
  },
  boldText: {
    fontWeight: 'bold',
  },
});