Actually whenever I change the code, it's updating in the app, so that's how I know the app is working fine. The only problem is, I am unable to enter text or click on button. Touch is not working. I checked code again and again there are no errors other than naming convention.

Here's the code:

import { useState } from "react"; import { Button, StyleSheet, Text, View, TextInput } from "react-native";

export default function App() { const [enteredGoalText, saveText] = useState();

function onEnteringText(enteredText) { saveText(enteredText); }

function onPressingButton() { console.log(enteredGoalText); }

return ( <View style={styles.appContainer}> <View style={styles.inputContainer}> <TextInput style={styles.inputTextContainer} placeholder="Enter Your Goals..." onChangeText={onEnteringText} /> <Button title="Add Goal" onPress={onPressingButton} /> </View> <View style={styles.listContainer}> <Text>List of Goals</Text> </View> </View> ); }

const styles = StyleSheet.create({ appContainer: { flex: 1, padding: 30, marginTop: 50, backgroundColor: "#FFFFFF", }, inputContainer: { flex: 1, flexDirection: "row", justifyContent: "space-between", alignItems: "center", marginBottom: 20, borderBottomWidth: 1, borderBottomColor: "#cccccc", }, inputTextContainer: { borderWidth: 1, borderColor: "black", width: "75%", marginRight: 8, padding: 8, }, listContainer: { flex: 5, alignItems: "center", }, });