react native pass params to previous screen

Alive Anaconda answered on April 30, 2022 Popularity 6/10 Helpfulness 3/10

answer react native pass params to previous screen

react native pass params to previous screen

Comment

function HomeScreen({ navigation, route }) {
  React.useEffect(() => {
    if (route.params?.post) {
      // Post updated, do something with `route.params.post`
      // For example, send the post to the server
    }
  }, [route.params?.post]);

  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Button
        title="Create post"
        onPress={() => navigation.navigate('CreatePost')}
      />
      <Text style={{ margin: 10 }}>Post: {route.params?.post}</Text>
    </View>
  );
}

function CreatePostScreen({ navigation, route }) {
  const [postText, setPostText] = React.useState('');

  return (
    <>
      <TextInput
        multiline
        placeholder="What's on your mind?"
        style={{ height: 200, padding: 10, backgroundColor: 'white' }}
        value={postText}
        onChangeText={setPostText}
      />
      <Button
        title="Done"
        onPress={() => {
          // Pass and merge params back to home screen
          navigation.navigate({
            name: 'Home',
            params: { post: postText },
            merge: true,
          });
        }}
      />
    </>
  );
}

Popularity 6/10 Helpfulness 3/10 Language javascript

Source: reactnavigation.org

Tags: javascript react-native screen

Link to this answer
Share Copy Link

Contributed on Apr 30 2022

Alive Anaconda

0 Answers Avg Quality 2/10

react native pass params to previous screen

Contents

More Related Answers

react native pass params to previous screen

Grepper

Documentation

Social

Legal

Contact

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