Reactnative-notesapp/src/Routes/Home/Home.tsx

import * as React from 'react';
import {View, Text} from 'react-native';
import styles from '../../styles';
import Background from '../../Components/Background/Background';
import AppIcon from '../../Components/Icons/AppIcon/AppIcon';

export default function Home() {
  return (
    <Background>
      <View
        style={{
          display: 'flex',
          flexDirection: 'row',
          alignItems: 'center',
          justifyContent: 'center',
        }}>
        <AppIcon size={64} color="white" />
        <Text style={{...styles.text_white, ...{fontSize: 32}}}>
          Clip Notes
        </Text>
      </View>
      <View style={{margin: 16}} />
    </Background>
  );
}