AddACard4.js

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import { Card, CardItem, Button, Item, Label, Input } from 'native-base';
class AddACard extends Component {
    constructor(props) {
        super(props);
        this.state = {
            cardValue: '',
            cards: []
        }
    }
    //nuevo
    static navigationOptions = ({ navigation }) => {
        return {
            title: 'Formulario'
        }

    };
    //nuevo

    handleInputText(value) {
        this.setState({
            cardValue: value
        })
    }
    //nuevo
    handleSubmit() {
        let cardsCopy=this.state.cards.slice()
        let card={
            value:this.state.cardValue
        }
        cardsCopy.push(card)
        this.setState({
            cardValue:'',
            cards:cardsCopy
        })
        
    }
    //nuevo
    render() {
        console.log('cards : '+ JSON.stringify(this.state.cards))//<--para testear
        return (

            <View style={{ padding: 10 }}>
                <Card>
                    <CardItem header>
                        <Text>
                            Añade una tarjeta
                        </Text>
                    </CardItem>
                    <CardItem>
                        <Item floatingLabel>
                            <Label>Front</Label>
                            <Input

                                value={this.state.cardValue}
                                onChangeText={
                                    (text) => {
                                        this.handleInputText(text)
                                    }
                                }

                            />
                        </Item>
                    </CardItem>
                    <CardItem footer>
                        <Button
                            onPress={() => this.handleSubmit()}//<------nuevo
                            block
                            light
                        >
                            <Text>
                                Añadir
                            </Text>
                        </Button>
                    </CardItem>
                </Card>

            </View>
            

        );
    }
}

export default AddACard;