App Codex Version: 1.0.0

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"
 );
}