BUG: Đang không tìm được đường dẫn chính xác của danh sách lớp điểm danh

src/routers/ScreenNames.js

@@ -58,5 +58,5 @@ export const DETAILEMAIL = 'DETAILEMAIL';
 export const TRASHEMAIL = 'TRASHEMAIL';
 
 export const LISTROLLCALL = 'LISTROLLCALL';
-export const LISTROLLCALLBYCLASS = 'LISTROLLCALLBYCLASS';
+export const LISTSTUDENTROLLCALL = 'LISTSTUDENTROLLCALL';
 export const DETAILROLLCALL = 'DETAILROLLCALL';

src/routers/StackNavigation.js

@@ -33,7 +33,7 @@ import DrawerEmailView from '../routers/drawer_email/drawerView';
 import SendEmail from '../screens/email/send';
 import DetailEmail from '../screens/email/detail';
 import ListRollCallView from '../screens/roll_call/';
-import ListRollCallByClass from '../screens/roll_call/list_student_roll_call/';
+import ListStudentRollCall from '../screens/roll_call/list_student_roll_call';
 import DetailRollCall from '../screens/roll_call/detail';
 const Stack = createStackNavigator();
 
@@ -44,7 +44,7 @@ function MyStack(props) {
         headerStatusBarHeight: 0,
       }}
       headerMode={'none'}
-      initialRouteName={ScreenName.TABNAVIGATOR}>
+      initialRouteName={ScreenName.LISTSTUDENTROLLCALL}>
       <Stack.Screen name={ScreenName.HOMESCREEN} component={Home} />
       <Stack.Screen name={ScreenName.TABNAVIGATOR} component={TabNavigator} />
       <Stack.Screen name={ScreenName.DETAILNOTIFICATION} component={NotificationDetail} />
@@ -76,7 +76,7 @@ function MyStack(props) {
       <Stack.Screen name={ScreenName.SENDEMAIL} component={SendEmail}/>
       <Stack.Screen name={ScreenName.DETAILEMAIL} component={DetailEmail}/>
       <Stack.Screen name={ScreenName.LISTROLLCALL} component={ListRollCallView}/>
-      <Stack.Screen name={ScreenName.LISTROLLCALLBYCLASS} component={ListRollCallByClass}/>
+      <Stack.Screen name={ScreenName.LISTSTUDENTROLLCALL} component={ListStudentRollCall}/>
       <Stack.Screen name={ScreenName.DETAILROLLCALL} component={DetailRollCall}/>
     </Stack.Navigator>
   );

src/screens/roll_call/detail/style.js

 import { StyleSheet, Text, View } from 'react-native'
+import R from '../../../assets/R'
 
-const styles = StyleSheet.create({})
+const styles = StyleSheet.create({
+    container:{
+        flex:1,
+        backgroundColor:R.colors.white,
+    },
+    body:{
+        flex:1,
+        backgroundColor:R.colors.white,
+    }
+})
 
 export default styles
\ No newline at end of file

src/screens/roll_call/detail/view.js

 import React from 'react';
 import {Text, View, TouchableOpacity, StyleSheet} from 'react-native';
-
+import Header from '../../../components/Header/Header';
+import styles from './style';
 const DetailRollCallView = (props) => {
   const {  } = props;
   return (
     <View
-      style={{
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-      }}>
-      <TouchableOpacity>
-        <Text>DetailRollCall</Text>
-      </TouchableOpacity>
+      style={styles.container}>
+        <Header title={'Thống kê: ATTT2024.P1'} isBack />
+        <View style={styles.body}>
+
+        </View>
     </View>
   );
 };
 
 export default DetailRollCallView;
-
-const styles = StyleSheet.create({})
\ No newline at end of file

src/screens/roll_call/list_student_roll_call/index.js

 import React from 'react';
-import {Text, View, StyleSheet} from 'react-native';
 import ListStudentRollCallView from './view';
 
 const ListStudentRollCall = (props) => {

src/screens/roll_call/list_student_roll_call/style.js

  import { StyleSheet, Text, View } from 'react-native'
  import React from 'react'
  
-const styles = StyleSheet.create({})
+const styles = StyleSheet.create({
+    container:{
+        flex:1,
+        backgroundColor:R.colors.white,
+    },
+    body:{
+        flex:1,
+        backgroundColor:R.colors.white,
+    }
+})
 
 export default styles
\ No newline at end of file

src/screens/roll_call/list_student_roll_call/view.js

 import React from 'react';
 import {Text, View, TouchableOpacity, StyleSheet} from 'react-native';
-
-const ListStudentRollCallView = (props) => {
-  const {  } = props;
+import styles from './style';
+import Header from '../../../components/Header/Header';
+const ListStudentRollCallView = props => {
+  const {} = props;
   return (
-    <View
-      style={{
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-      }}>
-      <TouchableOpacity>
-        <Text>ListStudentRollCall</Text>
-      </TouchableOpacity>
+    <View style={styles.container}>
+      <Header title={'Điểm danh lớp: ATTT2024.P1'} isBack />
+      <View style={styles.body}>
+        
+
+      </View>
     </View>
   );
 };
 
 export default ListStudentRollCallView;
-
-const styles = StyleSheet.create({})
\ No newline at end of file

src/screens/roll_call/view.js

@@ -89,7 +89,9 @@ const ListRollCallView = props => {
             <View style={{alignItems: 'flex-end', flex: 1}}>
               <Button
                 title="Điểm danh"
-                onPress={() => {}}
+                onPress={() => {
+                  navigation.navigate(SCREENNAME.LISTSTUDENTROLLCALL);
+                }}
                 containerStyle={{paddingHorizontal: 5,paddingVertical:5,  borderRadius: 20}}
                 backgroundColor={R.colors.brown}
                 textColor={R.colors.white}
@@ -102,7 +104,7 @@ const ListRollCallView = props => {
             <Button
               title="Chi tiết"
               onPress={() => {
-                navigation.navigate(SCREENNAME.LISTROLLCALLBYCLASS);
+                navigation.navigate(SCREENNAME.DETAILROLLCALL);
               }}
               containerStyle={{
                 paddingHorizontal: 5,