update

src/layouts/Page.js

@@ -35,6 +35,7 @@ export default ({
 
   onBackPressed = null,
   backgroundImg = background.writingBG,
+  headerTitleStyle = {},
 }) => {
   const { currentUID } = useUserData();
 
@@ -76,15 +77,10 @@ export default ({
           ) : (
             <NavigateHeader
               containerStyle={{ ...headerStyle }}
-              title={
-                typeof title === "function"
-                  ? title
-                  : scrollPosition > 50
-                  ? title
-                  : ""
-              }
+              title={title}
               rightComponent={rightComponent}
               onBackPressed={onBackPressed}
+              headerTitleStyle={headerTitleStyle}
             />
           )
         ) : null}
@@ -103,20 +99,6 @@ export default ({
               }
             : {})}
         >
-          {scrollEnabled && typeof title === "string" && title.length > 0 && (
-            <Motion.Text
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-              style={[
-                Fonts({
-                  type: "title",
-                }),
-                { marginBottom: 2 * gutters },
-              ]}
-            >
-              {title}
-            </Motion.Text>
-          )}
           {children}
         </ContentContainer>
       </PageContainer>