2017-11-22 25 views
0

나는 네이티브 프로젝트에 착수 중입니다.이 구성 요소를 사용하고 있습니다. react-native-flip-card.네이티브 플립 카드에 반응 기본 클릭 가능 false 및 버튼 클릭시 true로 만들기

필자의 요구 사항은 초기 시작시 false를 클릭하고 버튼을 클릭하면 플립 카드에 클릭 가능으로 설정하는 것입니다.

+0

그래서 내가 틀렸다면, 기본적으로 클릭 할 수없는 Flipcard를 원한다. 그러나 다른 버튼을 누르면 클릭 할 수있게됩니다. 맞습니까? –

답변

0

구성 요소 내에서 비헤이비어를 수정하려는 경우 State Component이 필요한 것처럼 보입니다. 구성 요소 생성자에서 기본적으로

this.state = { 
    isClickable: false, 
} 

:

당신은 같은 상태 속성을 설정할 수 있습니다.

그리고 같은, 당신의 플립 카드 구성 요소에이 값을 할당 : 그것 뿐이다

<Button 
onPress={() => this.setState({isClickable: true})} 
title="Make Flipcard clickable" 
color="#841584" 
/> 

을 : 다른 이벤트가 버튼 클릭이 발생하는 등의 경우

<FlipCard 
*Your other properties* 
clickable={this.state.isClickable} 
> 

마지막으로, 당신의 상태 속성을 업데이트 ! 뭔가 명확하지 않은 부분이 있는지 더 궁금한 점을 물어보십시오.

+0

코드는 단일 플립 카드를 위해 작동하지만, 하나의 플립 카드처럼 하나의 이미지, 두 번째 filpcard, 다른 이미지와 같이 동적이어야합니다. 개인용 플립 카드를 클릭하거나 해당 ID를 무시하는 기능을 해제해야합니다. 이미지를 클릭 할 때처럼 플립 카드를 다시 거짓으로 설정하십시오. – Anshul

+0

예를 들어 flipcard를 클릭 한 다음 "clickable"을 다시 False로 설정하십시오. – Anshul