Я использую модуль react-native-flip-card. После того, как я постучал по карте, и она перевернулась, я хотел бы перевернуть ее на лицевую сторону. Как я могу начать это действие. (Моя домашняя работа - это игра на память). (Конечно, в конце я хотел бы вызвать действие от его родителя.)
Большое спасибо за каждое предложение.
С уважением
Адам
Я использую этот код:
import React, {Component} from 'react';
import {Text, View, StyleSheet, } from 'react-native';
import FlipCard from 'react-native-flip-card'
export default class flipCard extends Component{
constructor(props){
super();
}
checkTheArray = (t) => {
/// Here I would like to call a flip back to front action
}
render(){
return(
<FlipCard
style={styles.card}
friction={6}
perspective={1000}
flipHorizontal={true}
flipVertical={false}
flip={false}
clickable={this.state.clickable[this.props.numb]}
onFlipEnd={(isFlipEnd)=>{
this.checkTheArray(this.props.bumb) ;
}}
id={this.props.titleFront}
>
{/* Face Side */}
<View style={styles.face}>
<Text>{this.props.titleFront}{this.state.clickable[this.props.sorszam]}</Text>
</View>
{/* Back Side */}
<View style={styles.back}>
<Text>{this.props.titleBack}{this.props.sorszam}</Text>
</View>
</FlipCard>
)
}
}
const styles = StyleSheet.create({
face: {
backgroundColor: '#ff00ff',
borderRadius: 3,
alignItems: 'center',
justifyContent: 'center',
fontSize: 50,
height: 100,
margin: 5,
},
back: {
backgroundColor: '#ff0000',
borderRadius: 3,
alignItems: 'center',
justifyContent: 'center',
fontSize: 50,
height: 100,
margin: 5,
},
});