2017-11-02 2 views
-3

예를 들어 경계선이있는 버튼이 3 개 있습니다. 그 중 2 개를 누르면이 버튼 중 2 개가 색상이 채워진 버튼으로 스타일이 변경됩니다.onPress에서 React Native를 사용한 버튼 변경 스타일

<Button> 또는 <TouchableHighlight> 또는 <TouchableOpacity> 또는 기타를 사용해야합니까?

이에 대해 React Native에서 샘플 코드가 필요합니다.

+0

무엇 그 중 두 명을 말하는거야? 당신은 동시에 두 개의 버튼의 스타일을 바꾸고 싶습니까? –

+0

네, 맞습니다 – wein

답변

1

그것은 내가 그

기본 상태와 같은 트리거 된 구성 요소의 상태 변경 버튼을 클릭 할 때 나는 보통이 방법을 사용 그들 모두를 사용할 수 있습니다 중요하지 않습니다 this.state = { styleIndex: 0 }

<Button 
    onPress={this.press} 
    style={this.state.styleIndex === 0 ? styles.buttonStyle : styles.buttonStyleClicked}/> 
+0

버튼이 트리거되면 배열에 값을 연결하고 싶습니다. 두 번째로 누르면 배열에서 값을 제거하려고합니다. 어떻게 아십니까? – wein

+0

버튼을 눌렀을 때 상태 값을 변경해야합니다. press 함수는 {press35} { if (this.state.styleIndex === 0) { this.setState ({styleIndex : 1}) 과 같아야합니다. } else { this.setState ({styleIndex : 0}) }}' –

관련 문제