Components

CoursesCertificateScreen

<CoursesCertificateScreen />

Constructor

# <CoursesCertificateScreen />

You can use this component to display your Course Certificate screen in your custom screen.

Properties:
Name Type Attributes Description
screenTitle String <optional>

List screen title. Default comes from translation files in BuddyBoss site

hideNavigationHeader Boolean <optional>

Use true to hide the screen title container when scrolling

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

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

import {useScreenProps} from "@src/navigators/v5/ScreenPropsProvider";
import CoursesCertificateScreen from "@src/containers/Custom/CoursesCertificateScreen";
const MyCustomScreen = (props) => {

  const {auth} = useScreenProps(["auth"]);

 const title = `Certificates of ${auth.user.user_nicename}`

 return (
  <View style={{ flex: 1 }}>
    <CoursesCertificateScreen {...props} screenTitle={title}/>
  </View>)
}

export default MyCustomScreen;

//In custom_code/index.js...

import MyCustomScreen from "./components/MyCustomScreen";

export const applyCustomCode = externalCodeSetup => {
 //Replace the course certificates screen
 externalCodeSetup.navigationApi.replaceScreenComponent("course_certificates", MyCustomScreen);
}