Components

PhotosScreen

<PhotosScreen />

Constructor

# <PhotosScreen />

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

Properties:
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 <optional>

List screen title

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

Example

Use photos screen without the filters in the "book" navigation route

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

import React from 'react';
import PhotosScreen from "@src/containers/Custom/PhotosScreen";

const MyCustomScreen = (props) => (<PhotosScreen {...props} screenTitle="My Photos" hideFilters={true} hideNavigationHeader={true}/>)


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