fix: scroll to top

SocialGouv · Jun 2, 2022 · 1a9b2cd · 1a9b2cd
1 parent 22f23c7
commit 1a9b2cd
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/src/scenes/diary/index.js b/src/scenes/diary/index.js
@@ -61,11 +61,6 @@ const Diary = ({ navigation, hideDeader = false }) => {
   return (
     <SafeAreaView style={styles.safe}>
       <NPS forceView={NPSvisible} close={() => setNPSvisible(false)} />
-      {!hideDeader ? (
-        <View style={styles.headerContainer}>
-          <Header title="Mon journal" navigation={navigation} />
-        </View>
-      ) : null}
       <ScrollView
         style={styles.container}
         contentContainerStyle={styles.scrollContainer}
@@ -153,7 +148,7 @@ const styles = StyleSheet.create({
     backgroundColor: "white",
   },
   scrollContainer: {
-    paddingBottom: screenHeight / 2,
+    paddingBottom: 100,
   },
   subtitle: {
     color: colors.BLUE,

diff --git a/src/scenes/status/index.js b/src/scenes/status/index.js
@@ -30,6 +30,14 @@ const Status = ({ navigation, startSurvey }) => {
   const [page, setPage] = useState(1);
   const [bannerProNPSVisible, setBannerProNPSVisible] = useState(true);
   const [ongletActif, setOngletActif] = useState("all");
+  const scrollRef = React.useRef();
+
+  React.useEffect(() => {
+    scrollRef.current.scrollTo({
+      y: 0,
+      animated: false,
+    });
+  }, [ongletActif]);
 
   // ****************
   // BEGIN - MASQUAGE DU HEADER AU SCROLL
@@ -181,6 +189,9 @@ const Status = ({ navigation, startSurvey }) => {
           ) : (
             <>
               <Animated.ScrollView
+                alwaysBounceHorizontal={false}
+                alwaysBounceVertical={false}
+                ref={scrollRef}
                 bounces={false}
                 style={styles.scrollView}
                 contentContainerStyle={styles.scrollContainer}