5.2 页面之间的跳转

方法一：使用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组件：

/* @jsx createElement */
import { createElement, Component, PropTypes } from 'weex-rx';
import { mount } from 'nuke-mounter';
import { View, Link} from 'nuke';

class Demo extends Component {
    render() {
        return (
            <View>
                <Link href="http://www.taobao.com">打开淘宝页面</Link>
            </View>);
    }
}

mount(<Demo />, 'body');

export default Demo;

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

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

/* @jsx createElement */
import { createElement, Component, PropTypes } from 'weex-rx';
import { mount } from 'nuke-mounter';
import { View, Button, Navigator} from 'nuke';

class Demo extends Component {
    onPress = ()=> {
        Navigator.push('http://www.taobao.com');
    }
    render() {
        return (
            <View>
                <Button onPress={this.onPress}>打开淘宝页面</Button>
            </View>);
    }
}
mount(<Demo />, 'body');

export default Demo;

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