import {mapProps, compose} from "recompose";
import BlogFilter from "../../components/Blog/BlogFilter";
import withActiveCallBacks from "../../navigators/react-navigation-addons/withActiveCallBacks";
import {withNavigation} from "../../components/hocs/withNavigation";
import PropTypes from "prop-types";
const screenTitle = "blog:title";
const buildFilterProps = props => ({
screenTitle,
showSearch: true,
disableInlineFilter: true,
...props
});
const mapPropsHoc = mapProps(buildFilterProps);
/**
* You can use this component to show the Blog screen in your custom screen.
* @component
* @example
*
* //In custom_code/components/MyCustomScreen.js...
*
* import React from "react";
* import BlogScreen from "@src/containers/Custom/BlogScreen";
* const MyCustomScreen = props => (
* <BlogScreen
* {...props}
* screenTitle="My Blog"
* showSearch={false}
* hideFilters={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"
* );
*
* }
*/
export const BlogScreen = compose(
mapPropsHoc,
withNavigation,
withActiveCallBacks
)(BlogFilter);
BlogScreen.propTypes = {
/**
* Define header height
* {Number}
*/
headerHeight: PropTypes.number,
/**
* Use `true` to hide filters in the screen
* {Boolean}
*/
hideFilters: PropTypes.bool,
/**
* Use `true` to hide the screen title container when scrolling
* {Boolean}
*/
hideNavigationHeader: PropTypes.bool,
/**
* Use `true` to hide title of the screen
* {Boolean}
*/
hideTitle: PropTypes.bool,
/**
* List screen title. Default comes from translation files in BuddyBoss site
* {String}
*/
screenTitle: PropTypes.string,
/**
* Adjust the duration of the Search animation.
* A higher value means a longer duration of the animation.
* {Number}
*/
searchFocusedAnimationDuration: PropTypes.number,
/**
* Amount of space which the header moves up when Search input is focused.
* A greater value means that the header will move higher.
* {Number}
*/
searchFocusedListTopSpace: PropTypes.number,
/**
* Use `false` to hide search box
* {Boolean}
*/
showSearch: PropTypes.bool
};
export default BlogScreen;
Source