react-native 에서 ListView 구성 요소 가 점프 를 누 르 는 방법 예시
1357 단어 react-nativelistview점프
전편NavigatorIOS 와 ListView 를 결합 하여 사용 하 는 방법 을 실 현 했 습 니 다.이 글 은 ListView 에서 클릭 하여 새로운 보기 로 전환 하 는 방법 을 소개 합 니 다.더 이상 할 말 이 없 으 니 상세 한 소 개 를 해 보 겠 습 니 다.
효과
사용법
NewsList.js
_onPress(rowData) {
this.props.navigator.push({
title: rowData,
component: CNodeJSList,
passProps: {
name: rowData,
}
})
}
설명 하 다.this.props.navigator.push()
로 받 으 면 됩 니 다 this.props.name
호출onPress 방법,페이지 는 뛰 지 않 습 니 다.this 를 연결 해 야 합 니 다.쓰기 방법 은:onPress={this._onPress}
그러나 이렇게 하면 값 을 전달 할 수 없 을 것 같 습 니 다.그래서 값 을 전달 하려 면 이렇게 써 야 합 니 다.onPress={this._onPress.bind(this)}
그러면 문제 가 없습니다.페이지 도 성공 할 수 있 습 니 다이상 은 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 참고 학습 가치 가 있 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주 셔 서 저희 에 대한 지지 에 감 사 드 립 니 다.
레 퍼 런 스
ListView 목록 클릭 점프
원본 코드:https://github.com/tomoya92/ITNews-React-Native
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
React Native + Expo 앱을 Deploy(네이티브 빌드)이 기사에서는 까지 작성 도중의 Hello World 앱 (송장 앱 모형)을 Deploy합니다. 또한 expo-cli가 글로벌 설치되어 있다고 가정합니다. 설치했는지 모르는 경우 을 참조하십시오. Windows의 경...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.