Untitled

import {Link }from "expo-router";
import {StatusBar }from "expo-status-bar";
import React from "react";
import AntDesign from "@expo/vector-icons/AntDesign";
import {
  Alert,
  Button,
  Image,
  StyleSheet,
  Text,
  TextInput,
  Platform,
  View,
}from "react-native";
export default function index() {
  const openAlert = () => {
    alert("Hello you clicked the button !");
  };
  return (
    <View style={styles.container}>
      <Text style={{color: "white" }}>Hello World</Text>
      <AntDesign name="heart" size={24}color="white" />
      <Text
        style={{
          fontFamily: "Inter-Black",
          color: "white",
        }}
      >
        Inter Black
      </Text>
      <Link href="/disneyscreen">Disney Screen</Link>
      <Image
        style={{
          width: 50,
          height: 50,
        }}
        source={require("../assets/images/icon.png")}
      />
      <TextInput
        onChangeText={() => {
          alert("asdsadsa");
          Alert.alert("Hello", "Answer ME");
        }}
      ></TextInput>
      <Button
        title="Click Me !"
        onPress={() => {
          openAlert();
        }}
      />
      <Link href="/secondScreen">View details</Link>
      <StatusBar style="auto" />
    </View>
  );
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#25292e",
    alignItems: "center",
    justifyContent: "center",
  },
});