From 4a8fb41c5ce8218132b15360f1a2b8e9f5161229 Mon Sep 17 00:00:00 2001
From: Deepak Sangle <sangleds20@iitk.ac.in>
Date: Wed, 13 Dec 2023 19:20:31 +0530
Subject: [PATCH] nested scrollview done

---
 mobile-client/App.js                  | 46 +++++++++++++++++++++++++--
 mobile-client/src/screens/HomePage.js | 15 ++++-----
 mobile-client/src/styles/home.js      |  1 -
 3 files changed, 51 insertions(+), 11 deletions(-)

diff --git a/mobile-client/App.js b/mobile-client/App.js
index b570387..258e569 100644
--- a/mobile-client/App.js
+++ b/mobile-client/App.js
@@ -15,7 +15,7 @@ import {NavigationContainer} from '@react-navigation/native';
 import {createNativeStackNavigator} from '@react-navigation/native-stack';
 import {CardStyleInterpolators} from '@react-navigation/stack'
 import HomePage from './src/screens/HomePage';
-
+import { ScrollView , Text, View} from 'react-native';
 export default function App() {
   
   let [fontsLoaded, fontError] = useFonts({
@@ -52,4 +52,46 @@ export default function App() {
       </Stack.Navigator>
     </NavigationContainer>
   );
-}
\ No newline at end of file
+}
+
+// export default function App() {
+
+//   return(
+//    <ScrollView style={{ backgroundColor : "red", padding :10}}>
+//     <Text style={{fontSize : 40, margin : 30}}>aeoufdhn</Text>
+//     <Text style={{fontSize : 40, margin : 30}}>aeoufdhn</Text>
+//     <Text style={{fontSize : 40, margin : 30}}>aeoufdhn</Text>
+//     <Text style={{fontSize : 40, margin : 30}}>aeoufdhn</Text>
+//     <ScrollView nestedScrollEnabled={true} style={{maxHeight : 500, backgroundColor : "green",}}>
+
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+
+//     </ScrollView>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//     <ScrollView nestedScrollEnabled={true} style={{maxHeight : 500, backgroundColor : "green",}}>
+
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+//         <Text style={{fontSize : 40, margin : 30}}>insied</Text>
+
+//     </ScrollView>
+//     <Text style={{fontSize : 40, margin : 30}}>aeoufdhn</Text>
+//     <Text style={{fontSize : 40, margin : 30}}>aeoufdhn</Text>
+//    </ScrollView> 
+//   )
+// }
diff --git a/mobile-client/src/screens/HomePage.js b/mobile-client/src/screens/HomePage.js
index c3d9919..79a57af 100644
--- a/mobile-client/src/screens/HomePage.js
+++ b/mobile-client/src/screens/HomePage.js
@@ -220,17 +220,16 @@ const HomePage = ({ route, navigation }) => {
                   {!openEvents[index] && <MaterialIcons name="expand-less" size={24} color="black" />}
                 </View>
               </TouchableOpacity>
-              {/* <ScrollView 
-                onTouchStart={()=> setScroll(false)}
-                onMomentumScrollEnd={() => setScroll(true)}
-                onScrollEndDrag={() => setScroll(true)}
-              > */}
-                <Animated.View style={{...styles.entryData, maxHeight}}>
+              <Animated.ScrollView 
+                nestedScrollEnabled={true}
+                style={{maxHeight}}
+              >
+                <View style={{...styles.entryData}}>
                     <Text style={styles.entryText} >
                       {entry.detail}
                     </Text>
-                </Animated.View>
-              {/* </ScrollView> */}
+                </View>
+              </Animated.ScrollView>
             </View>
           );
         })}
diff --git a/mobile-client/src/styles/home.js b/mobile-client/src/styles/home.js
index 7fc64fe..e21d7e7 100644
--- a/mobile-client/src/styles/home.js
+++ b/mobile-client/src/styles/home.js
@@ -73,7 +73,6 @@ const styles = StyleSheet.create({
   entryData: {
     marginHorizontal : 5,
     lineHeight: 1.5,
-    flex : 1,
   },
   mobileTopView: {
     display: "flex",