реагировать-native-реагировать-native-flip-card call action автоматически - PullRequest
0 голосов
/ 19 июня 2020

Я использую модуль 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,
  },
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...