react-native中ListView組件點擊跳轉的方法示例

來源：懂視網責編：小采時間：2020-11-27 22:28:35

react-native中ListView組件點擊跳轉的方法示例

react-native中ListView組件點擊跳轉的方法示例:前言在上一篇我們實現了NavigatorIOS與ListView結合使用的方法，那么這篇文章介紹一下ListView里點擊跳轉到新視圖的方法，話不多說了，來一起看看詳細的介紹吧。先看效果用法 NewsList.js _onPress(rowData) { this.props

推薦度：

點擊下載本文 文檔為doc格式

導讀react-native中ListView組件點擊跳轉的方法示例:前言在上一篇我們實現了NavigatorIOS與ListView結合使用的方法，那么這篇文章介紹一下ListView里點擊跳轉到新視圖的方法，話不多說了，來一起看看詳細的介紹吧。先看效果用法 NewsList.js _onPress(rowData) { this.props

前言

在上一篇我們實現了NavigatorIOS與ListView結合使用的方法，那么這篇文章介紹一下ListView里點擊跳轉到新視圖的方法，話不多說了，來一起看看詳細的介紹吧。

先看效果

用法

NewsList.js

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

說明

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

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

總結

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

react-native中ListView組件點擊跳轉的方法示例

推薦度：

點擊下載本文 文檔為doc格式

標簽：方法的方法點擊

熱門焦點

react-native中ListView組件點擊跳轉的方法示例

react-native中ListView組件點擊跳轉的方法示例

react-native中ListView組件點擊跳轉的方法示例

最新推薦

猜你喜歡

熱門推薦