淘宝开放平台

登录
文档中心 > 千牛开放平台2.0

页面之间的跳转

更新时间：2017/03/15 访问次数：8473

方法一：使用QAP-SDK的Navigator.push(Navigator.go)：

1
2
3
4
5
6
7
8
9
10
11
QN.navigator.push({
    url: 'http://www.taobao.com',
    query: {},
    settings: {
        animate: true,
    }
}).then(result => {
    console.log(result);
}, error => {
    console.log(error);
});

Navigator.push(Navigator.go)还附带了其他的参数实现更加强大的功能。


方法二：使用Nuke的Link组件：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
'use strict';
 
import { createElement, Component, render, findDOMNode } from 'rax';
import { View, Text, TouchableHighlight, Modal, Button, ListView, Image, Link} from 'nuke';
import QN from 'QAP-SDK';
 
class Demo extends Component {
 
    constructor(props) {
        super(props);
    }
 
    render() {
        return (
            <Link href="http://www.taobao.com">打开淘宝页面</Link>
        )
    }
}
 
render(<Demo />);

更多Link组件的用法，请点击查看更多。


方法三：使用Nuke的Navigator组件：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
'use strict';
 
import { createElement, Component, render, findDOMNode } from 'rax';
import { View, Text, TouchableHighlight, Modal, Button, ListView, Image, Link, Navigator} from 'nuke';
import QN from 'QAP-SDK';
 
class Demo extends Component {
 
    onPress = ()=> {
        Navigator.push('http://www.taobao.com');
    }
    render() {
        return (
            <View>
                <Button onPress={this.onPress}>打开淘宝页面</Button>
            </View>);
    }
}
 
render(<Demo />);

更多Navigator组件的用法，请点击查看更多。

FAQ

关于此文档暂时还没有FAQ
有用(0) 我要提问
文档标签:
qap
返回
顶部