Components

MessagesScreen

<MessagesScreen />

Constructor

# <MessagesScreen />

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

Properties:
Name Type Attributes Description
screenTitle String <optional>

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

showSearch Boolean <optional>

Use false to hide search box

hideTitle Boolean <optional>

Use true to hide title of the screen

hideNavigationHeader Boolean <optional>

Use true to hide the screen title container when scrolling

headerHeight Number <optional>

Define header height

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

import React from 'react';
import { View } from 'react-native';
import MessagesScreen from "@src/containers/Custom/MessagesScreen";

const MyCustomScreen = (props) => {

 return (
   <View style={{ flex: 1 }}>
       <MessagesScreen {...props} screenTitle="My Messages" hideNavigationHeader={true} />
   </View>)
}


export default MyCustomScreen;

//In custom_code/index.js...

...

import MyCustomScreen from "./components/MyCustomScreen";
export const applyCustomCode = externalCodeSetup => {

 externalCodeSetup.navigationApi.addNavigationRoute(
   "book",
   "BookScreen",
   MyCustomScreen,
   "All"
 );
 externalCodeSetup.navigationApi.addNavigationRoute(
   "book",
   "BookScreen",
   MyCustomScreen,
   "Main"
 );

}