App Codex Version: 1.0.0

Source

containers/Custom/LessonSingleScreen.ts

  1. import {compose} from "recompose";
  2. import LessonSingle from "../LessonSingleScreen";
  3. import withLoadCourse from "../../components/hocs/withLoadCourse";
  4. import withActiveCallBacks from "../../navigators/react-navigation-addons/withActiveCallBacks";
  5. import {withNavigation} from "../../components/hocs/withNavigation";
  6. import PropTypes from "prop-types";
  8. /**
  9.  * You can use this component to display your Lesson single screen in your custom screen.
  10.  * @component
  11.  * @example <caption> Use LessonSingleScreen without back and PrevNext buttons </caption>
  12.  * //In custom_code/components/MyCustomScreen.js
  13.  *
  14.  * import React from 'react';
  15.  * import {View, Text} from 'react-native';
  16.  * import LessonSingleScreen from "@src/containers/Custom/LessonSingleScreen";
  17.  *
  18.  * const MyCustomScreen = (props) => {
  19.  *
  20.  *   const courseId = 162; //Pass course id of the lesson
  21.  *   const lessonId = 164; //Pass id of lesson to load
  22.  *
  23.  *   if (!props.isFocused)
  24.  *      return null;
  25.  *
  26.  *    return (
  27.  *
  28.  *      <View style={{flex: 1}}>
  29.  *
  30.  *         <View style={{flex: 0.1, alignItems: 'center', justifyContent: 'center'}}>
  31.  *            <Text> Here is the Lesson for the Day! </Text>
  32.  *         </View>
  33.  *
  34.  *         <View style={{flex: 0.9, marginBottom: 80}}>
  35.  *            <LessonSingleScreen courseId={courseId} lessonId={lessonId} hidePrevNext={true} hideBackToCourse={true} {...props} />
  36.  *         </View>
  37.  *
  38.  *      </View>
  39.  *   )
  40.  *
  41.  *
  42.  * }
  43.  *
  44.  * export default MyCustomScreen;
  45.  *
  46.  * //In custom_code/index.js...
  47.  *
  48.  * ...
  49.  *
  50.  * import MyCustomScreen from "./components/MyCustomScreen";
  51.  *
  52.  * export const applyCustomCode = externalCodeSetup => {
  53.  *
  54.  *  externalCodeSetup.navigationApi.addNavigationRoute(
  55.  *    "book",
  56.  *    "BookScreen",
  57.  *    MyCustomScreen,
  58.  *    "All"
  59.  *  );
  60.  *  externalCodeSetup.navigationApi.addNavigationRoute(
  61.  *    "book",
  62.  *    "BookScreen",
  63.  *    MyCustomScreen,
  64.  *    "Main"
  65.  *  );
  66.  * }
  67.  *
  68.  */
  70. const LessonSingleScreen = compose(
  71. 	withNavigation,
  72. 	withActiveCallBacks
  73. )(LessonSingle);
  75. export default withLoadCourse(LessonSingleScreen);
  77. LessonSingleScreen.propTypes = {
  78. 	/**
  79. 	 * The id of the lesson to display
  80. 	 * {Number}
  81. 	 */
  82. 	lessonId: PropTypes.number.isRequired,
  83. 	/**
  84. 	 * The id of the course where the lesson belongs
  85. 	 * {Number}
  86. 	 */
  87. 	courseId: PropTypes.number.isRequired,
  88. 	/**
  89. 	 * Use `true` to hide Prev and Next buttons
  90. 	 * {Boolean}
  91. 	 */
  92. 	hidePrevNext: PropTypes.bool,
  93. 	/**
  94. 	 * Use `true` to hide back button
  95. 	 * {Boolean}
  96. 	 */
  97. 	hideBackToCourse: PropTypes.bool
  98. };