Components

SettingsScreen

<SettingsScreen />

Constructor

# <SettingsScreen />

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

Properties:
Name Type Attributes Description
screenTitle String <optional>

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

hideNavigationHeader Boolean <optional>

Use true to hide the screen title container

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

import React from 'react';
import { View } from 'react-native';
import FastImage from "react-native-fast-image";
import {DEVICE_WIDTH} from "@src/styles/global";
import SettingsScreen from "@src/containers/Custom/SettingsScreen";

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>
     <SettingsScreen {...props} hideNavigationHeader={false} screenTitle="App Settings"/>
    </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"
 );

}