Send Input Value Across With React Native

Javasper answered on September 17, 2022 Popularity 1/10 Helpfulness 1/10

answer Send Input Value Across With React Native

Send Input Value Across With React Native

Comment

import {useState} from 'react';
import { Button, View, Text, TextInput } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

function HomeScreen({ navigation }) {
  const [text, setText] = useState("");
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text>Home Screen</Text>
      <Text>{text}</Text>
      <Button
        title="Go to Details"

        onPress={() => navigation.navigate('Details', {thing: text})
      
      }
      />
      <TextInput   onChangeText={newText => setText(newText)} defaultValue="" />
    </View>
  );
}
function DetailsScreen({ navigation, route }) {
  const { thing } = route.params;
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text>Details Screen  {thing} </Text>
      <Button
        title="Go to Details... again"
        onPress={() => navigation.navigate('Details', {thing: 'aaaaa'})}
      />
    </View>
  );

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: across input javascript react-native send

Link to this answer
Share Copy Link

Contributed on Sep 17 2022

Javasper

0 Answers Avg Quality 2/10

Send Input Value Across With React Native

Contents

More Related Answers

Send Input Value Across With React Native

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.