Components

GroupMessagesScreen

<GroupMessagesScreen />

Constructor

# <GroupMessagesScreen />

You can use this component to display Group Messages Screen in your custom screen. This is can be used to send messages privately or to selected members in the group.

Properties:
Name Type Attributes Description
groupId Number <optional>

Id of group to display

searchTerm String <optional>

If the group is not yet available in the app state, the component will attempt to load a list of groups. You can use this field to search for the specific group you want to load instead of loading a list of groups.

hideBackButton Boolean <optional>

Use true to hide the back button

hideCancelButton Boolean <optional>

Use true to hide cancel button when creating a new message

hideNavigationHeader Boolean <optional>

Use true to hide the screen title container

screenTitle String <optional>

List screen title

screenType Boolean <optional>

Use private to send a message using the Send Individual Messages option. Otherwise, this will use the "Create New Thread" option

showSearch Boolean <optional>

Use false to hide search box

LoadingComponent ReactComponent <optional>

Use this to display your own loading component while the screen is loading

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

import React from 'react';
import { View, Text } from 'react-native';
import GroupMessagesScreen from "@src/containers/Custom/Group/GroupMessagesScreen";

const MyCustomScreen = (props) => (
  <GroupMessagesScreen {...props}
    groupId={9}
    showSearch={false}
    hideCancelButton={true}
    hideBackButton={true}
    screenTitle="Send to Selected"
    screenType="private"
    LoadingComponent={<View style={{ flex: 1, alignSelf: "center", justifyContent: "center" }}>
      <Text>Loading, please wait...</Text>
    </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"
 );
}