Передача данных Formik на другой экран - PullRequest
Новая
       11

Передача данных Formik на другой экран

0 голосов
/ 17 апреля 2020

У меня есть форма formik, где я сохраняю два пользовательских ввода. Теперь я пытаюсь передать пользовательскую запись на другой экран, где форма не должна отображаться. Но пока это не сработало. Я искал немного в inte rnet, и большинство из них сначала передают форму FormComponent на другой экран и находят вместе с ним данные формы. Но это делает так, чтобы форма была видна, но я хочу, чтобы они были на 2 разных экранах. Я все еще пытался передать formCOmponent на другой экран, а затем дать свойство и отобразить данные, но это не сработало. Я довольно новичок в реакции на нативность, и теперь я как бы шел к стене и не знаю, что делать.

Может быть, кто-то может показать мне указатель, как его пройти:

это мой FormComponent: 

<Formik
        initialValues={{name: '', member: ''}}
        onSubmit={(values) =>
        {
          addList(values);
        }}
        >
        {(FormikProps) => (
          <Form>
              <Input

                onChangeText={FormikProps.handleChange('name')}
                values={FormikProps.values.name}
              />
              <Input

                onChangeText={FormikProps.handleChange('member')}
                values={FormikProps.values.member}

              />
             <View style={{ marginLeft: 120, flexDirection: "row" }}>
              <View>
                <Button

                  onPress={() => props.navigation.navigate("Home")}
                  enableReinitialize="false"
                >
                  <Label style={(styles.font, styles.buttonText)}>
                    Abbrechen
                  </Label>
                </Button>
              </View>
              <View>
                <Button

                  onPress={FormikProps.handleSubmit}
                >
                  <Label style={(styles.font, styles.buttonText)}>
                    Speichern
                  </Label>
                </Button>
              </View>
            </View>
            </Form>
        )}

          </Formik>

это где я хочу, чтобы данные отображались, но только данные 

const MyListsView = ({route,navigation}) => {

    const addList = (listElement) => {
        setListElement((currentList) => {
            return [listElement, ...currentList]
        });
    }
  return (

    <View>

<View>  
<AddListView addList={addList} />
</View>

    </View>


  )
};
...