2.2.2.1 页面组件

独立应用是以页面为核心组织应用的，页面是一个特殊的类,继承PageComponent组件。PageComponent继承自React Native Component组件，除了具有Component 所有方法和生命周期事件，同时还有Page特别的方法和事件。

一个标准的页面:

import React, { Component} from 'react';
import {PageComponent} from "primeton-mobile";
import {View} from 'react-native';
export default class LoginPage extends PageComponent {
    /**
     * 页面构造方法，可获取传入参数，页面初始化。
     */
    constructor(props) {
        super(props);
        //获取上一页面传入
        let parameter = this.getParameter();


    }
    /**
     * 从后一页调用Primeton.page.goBack返回时触发
     * @param {*} param Primeton.page.goBack方法返回的参数
     */
    onBack(param) {

    }

    /**
     * Android平台返回键响应事件。默认返回上一页。如果，返回false
     * 将不会触发默认行为
     */
    onAndroidBackPressed() {
        return true;
    }


    /**
     * 渲染页面,继承自Component。
     */
    render() {
        return (

            <View style={[{ flex: 1 }]}>

            </View>

        );
    }
}

页面规范

1.一个JavaScript文件对应一个页面类必须使用export default关键字导出页面类。
2.页面类必须继承 PageComponent , 类和JavaScript文件名相同，建议首字母大写。
3.必须有构造方法，构造方法第一行，必须调用super(props)