Блог

Проект отлично работал до того, как я сделал перерыв и снова начал проект, он просто показывает мне белый пустой экран, на котором ничего нет. Я почти уверен, что ничего не изменил.

Я уже пробовал очистить кэш и отладку, но, похоже, ничего не работает.

Любая обратная связь также очень приветствуется.

App.js

 import { createAppContainer } from "react-navigation"; import { createStackNavigator } from "react-navigation-stack"; import Home from "./screens/Home";  /**  * createStackNavigator  *  * Creates a stack of our routes.  *  */ const Navigator = createStackNavigator({  Home: { screen: Home }, });  /**  * createAppContainer  *  * Responsible for managing app state and linking  * the top-level navigator to the app environment.  *  */ const App = createAppContainer(Navigator);  export default App;  

Home.js

 import { StatusBar } from "expo-status-bar"; import {  StyleSheet,  Text,  View,  Button,  Image,  TouchableOpacity,  ImageBackground, } from "react-native"; import calender from "../assets/white.png"; import background from "../assets/background.png"; import React, {Component} from "react";   export default class Home extends React.Component {     render() {  console.log("Login Page executed");   return (    lt;View style={styles.container}gt;  lt;ImageBackground  source={background}  resizeMode="cover"  style={styles.image}gt;  lt;Image source={calender} style={{ width: 200, height: 200 }} /gt;  lt;Text style={{ color: "#fff", fontSize: 48 }}gt;A T Tlt;/Textgt;  lt;Text style={{ color: "#fff", fontSize: 24 }}gt;  Attendance Tracker  lt;/Textgt;  lt;TouchableOpacity  onPress={() =gt; alert("Das hat funktioniert!")}  style={styles.button}  gt;  lt;Text style={styles.buttonText}gt;Loginlt;/Textgt;  lt;/TouchableOpacitygt;  lt;/ImageBackgroundgt;  lt;StatusBar style="auto" /gt;  lt;/Viewgt;  );  } }  const styles = StyleSheet.create({  container: {    backgroundColor: "#000",  alignItems: "center",  justifyContent: "center",  },  image: {    justifyContent: "center",  alignItems: "center",  width: "100%",  height: "100%",  },  button: {  marginTop: 180,  width: 314,  height: 56,  alignItems: "center",  justifyContent: "center",  backgroundColor: "rgba(255, 255, 255, 0.24)",  shadowColor: "#fff",  shadowOpacity: 0.41,  shadowRadius: 9.11,  elevation: 14,  borderRadius: 50,  },   buttonText: {  fontSize: 24,  color: "#fff",  alignItems: "center",  justifyContent: "center",  }, });