2017-09-05 1 views
1

Ich habe eine Schaltfläche, die Animation funktioniert so, wie es sollte, bis ich ein OnPress-Ereignis hinzufügen. Sobald die onPress hinzugefügt wurde, gibt es keine Rückmeldung, wenn ich die Taste drücke.React Native Schaltfläche Animation funktioniert nicht, wenn OnPress Aktion

Ich benutze NativeBase für die Schaltfläche (obwohl ich denke, dass dies nicht wichtig sein sollte) und Redux für die Aktion auftreten.

<Button block primary onPress={() => this.props.onChangeDetails({id: this.props.report.report.details.id, inspection: true})}> 
    <Text style={nbStyles.buttonText}>Add Inspection Report</Text> 
</Button> 

const mapDispatchToProps = (dispatch) => { 
    return { 
    onChangeDetails: payload => { 
     dispatch(editDetails(payload)) 
    } 
    } 
} 

Irgendwelche Ideen, warum ich keine Animation sehe?

+0

funktioniert Ihre onChangeDetails-Funktion? Und ist Ihr erster Parameter this.props.report.report oder ist das ein Tippfehler? – basudz

+0

@basudz ja, es tut Feuer. Wenn ich den Versand auszeichne, funktioniert die Aktion wie erwartet. Dieser Parameter ist korrekt. –

Antwort

-1

Sie verpassen eine Klammer am Anfang Ihrer Funktion (vor this.props)

onPress = {() => {this.props.onChangeDetails ({id: this.props.report.report .details.id, inspection: true})}>

+0

Nein, ich bin nicht, Sie haben ein extra vor dieser.props.onChangeDetails hinzugefügt, die ich nicht habe. Trotzdem danke. –

+0

Mein Fehler, ich habe das Eigentum falsch kopiert. Haben Sie versucht, eine leere Funktion hinzuzufügen und zu überprüfen, ob die Animation funktioniert? {}}> Prüfbericht hinzufügen soutot

Verwandte Themen