這篇文章主要介紹react-native中ListView組件如何實現(xiàn)點擊跳轉(zhuǎn)功能，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)公司為客戶提供專業(yè)的成都做網(wǎng)站、網(wǎng)站建設(shè)、程序、域名、空間一條龍服務(wù)，提供基于WEB的系統(tǒng)開發(fā). 服務(wù)項目涵蓋了網(wǎng)頁設(shè)計、網(wǎng)站程序開發(fā)、WEB系統(tǒng)開發(fā)、微信二次開發(fā)、成都手機網(wǎng)站制作等網(wǎng)站方面業(yè)務(wù)。

先看效果

用法

NewsList.js

_onPress(rowData) {
 this.props.navigator.push({
 title: rowData,
 component: CNodeJSList,
 passProps: {
 name: rowData,
 }
 })
}

說明

• 使用 this.props.navigator.push() 指定component 就可以跳轉(zhuǎn)到下一個視圖里了，如果想傳值，可以用 passProps 屬性，在下一個視圖里使用 this.props.name 接收就可以了

• 對于onPress里方法的調(diào)用，如果是以onPress={this._onPress}調(diào)用 _onPress方法，頁面是不跳轉(zhuǎn)的，需要綁定this，寫法是：onPress={this._onPress.bind(this)} 但這樣好像沒法傳值，所以要傳值需要這樣寫：onPress={()=>{this._onPress(rowData)}} ，這樣就沒問題了，頁面也可以跳轉(zhuǎn)成功了

以上是“react-native中ListView組件如何實現(xiàn)點擊跳轉(zhuǎn)功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當前名稱：react-native中ListView組件如何實現(xiàn)點擊跳轉(zhuǎn)功能-創(chuàng)新互聯(lián)
當前地址：http://weahome.cn/article/ijjjh.html