<ActivitiesScreen />


# <ActivitiesScreen />

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

Name Type Attributes Description
headerHeight Number <optional>

Define header height

hideFilters Boolean <optional>

Use true to hide filters in the screen

hideNavigationHeader Boolean <optional>

Use true to hide the screen title container

hideTitle Boolean <optional>

Use true to hide title of the screen

screenTitle String <optional>

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

searchFocusedAnimationDuration Number <optional>

Adjust the duration of the Search animation. A higher value means a longer duration of the animation.

searchFocusedListTopSpace Number <optional>

Amount of space which the header moves up when Search input is focused. A greater value means that the header will move higher.

showSearch Boolean <optional>

Use false to hide search box


Add image on top of activities screen component

//In custom_code/MyCustomScreen.js...

import React from 'react';
import { View, Text } from 'react-native';
import FastImage from "react-native-fast-image";

import ActivitiesScreen from "@src/containers/Custom/ActivitiesScreen";
import {DEVICE_WIDTH} from "@src/styles/global";

const MyCustomScreen = (props) => {

 return (
   <View style={{ flex: 1 }}>

     <View style={{ marginTop: 50, alignSelf: "center" }}>

       <FastImage style={{ width: DEVICE_WIDTH, height: 110, marginBottom: 10 }} source={{ uri: "https://link-to-image.png" }} />


     <View style={{ flex: 1 }}>
       <ActivitiesScreen {...props} headerHeight={50} screenTitle="Activity List" showSearch={false} hideFilters={true} hideTitle={true} hideNavigationHeader={true} />


MyCustomScreen.navigationOptions = { header: null };

export default MyCustomScreen;

//In custom_code/index.js...


import MyCustomScreen from "./components/MyCustomScreen";

export const applyCustomCode = externalCodeSetup => {