Components

PageScreen

<PageScreen />

Constructor

# <PageScreen />

You can use this component to show the PageScreen screen in your custom screen.

Properties:
Name Type Attributes Description
url String <optional>

Url to open

label String <optional>

Title of PageScreen

Example

Replace native screens with the in-app browser using the PageScreen component

//In custom_code/components/MyCustomScreen.js...

import React from "react";
import {View} from "react-native";

import PageScreen from "@src/containers/Custom/PageScreen";

const MyCustomScreen = props => {

    const link = "https://www.buddyboss.com";
    const label = "BuddyBoss"

    return (
        <View style={{flex: 1}}>
            <PageScreen url={link} openExternal={false} label={label}/>
        </View>
    );
};

export default MyCustomScreen;

//In custom_code/index.js...

...

import MyCustomScreen from "./components/MyCustomScreen";

export const applyCustomCode = externalCodeSetup => {
  externalCodeSetup.navigationApi.replaceScreenComponent("GroupsSingleScreen", MyCustomScreen);
}