drnaf/src/DRNAF.js

Dynamic React-Native Application Framework

import React, { Component } from 'react'

// React-native stacks
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

// Components
import { DRNAFLauncher } from './DRNAFLauncher';
import { DRNAFView } from './DRNAFView';

// props 
var applicationId = null;
var drnafConfigs = null;

const Stack = createStackNavigator();
function launcher({ navigation }) {
    return <DRNAFLauncher
        drnaf_configs={drnafConfigs}
        navigation={navigation}
        application_id={applicationId} />;
}
function page({ route, navigation }) {
    const { elements } = route.params;

    return <DRNAFView
        navigation={navigation}
        elements={elements} />;
}

export const DRNAF = (props = {
    application_id: null,
    drnaf_configs: null,

}) => {
    // update props
    drnafConfigs = props.drnaf_configs;
    applicationId = props.application_id;

    // prepare usage variables
    const emptyHeader = {
        title: '',
        headerLeft: null,
        headerStyle: {
            backgroundColor: 'red',
            height: 0
        },
    };

    return (
        <NavigationContainer>
            <Stack.Navigator>
                <Stack.Screen name="Launcher"
                    component={launcher}
                    options={emptyHeader} />
                <Stack.Screen name="View"
                    component={page}
                    options={emptyHeader} />
            </Stack.Navigator>
        </NavigationContainer>
    );
}