React Native - как добавить карточку формы в список карточек по нажатию кнопки - PullRequest
Новая
       46

React Native - как добавить карточку формы в список карточек по нажатию кнопки

0 голосов
/ 04 марта 2019

Я создаю кнопку «Добавить», и каждая карта содержит три входа.Я хочу, чтобы пользователь щелкнул по новой добавленной MultiCityCard и узнал, как управлять их состояниями, например, на снимке экрана.

enter image description here

<View style={{}}>
    <MultiCityCard title="Flight 1" />
    <MultiCityCard title="Flignt 2" />
    <Button
      icon={{
        name: 'plus',
        size: 20,
        color: 'white',
        type: 'entypo',
      }}
      title="Add another flight"
      containerStyle={{ padding: 20 }}
    />
  </View>

1 Ответ

0 голосов
/ 04 марта 2019

Возьмите ваши данные внутри массива.Например, 

data: [
  {
   from: '',
   to: '',
  }
]

, и когда вы нажимаете кнопку Добавить, добавьте новый элемент в этот массив.например 

this.setState({ data: [{ from: '', to: ''},...this.state.data]})

Затем вы можете редактировать или просматривать данные в соответствии с индексом.Например, 

data.map((item, index) => <Button onPress={() => {
// here you have access to the index 
} }
/>);

Если вы хотите более подробный пример, я разместил для вас закуску https://snack.expo.io/@azaabudeen/Y2FyZW

...