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

页面之间的跳转

更新时间:2017/03/15 访问次数:8454

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

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组件:

'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组件:

'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
文档标签:
qap
返回
顶部