TODO: Đã dựng xong file thư mục các phần của điểm danh còn lại

src/routers/ScreenNames.js

@@ -59,4 +59,4 @@ export const TRASHEMAIL = 'TRASHEMAIL';
 
 export const LISTROLLCALL = 'LISTROLLCALL';
 export const LISTROLLCALLBYCLASS = 'LISTROLLCALLBYCLASS';
-export const STATISTICS = 'STATISTICS';
+export const DETAILROLLCALL = 'DETAILROLLCALL';

src/routers/StackNavigation.js

@@ -33,6 +33,8 @@ 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 DetailRollCall from '../screens/roll_call/detail';
 const Stack = createStackNavigator();
 
 function MyStack(props) {
@@ -74,6 +76,8 @@ 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.DETAILROLLCALL} component={DetailRollCall}/>
     </Stack.Navigator>
   );
 }

src/screens/roll_call/detail/index.js

+import React from 'react';
+import {Text, View, StyleSheet} from 'react-native';
+import DetailRollCallView from './view';
+
+const DetailRollCall = (props) => {
+  return (
+    <DetailRollCallView />
+  );
+};
+
+export default DetailRollCall;

src/screens/roll_call/detail/style.js

+import { StyleSheet, Text, View } from 'react-native'
+
+const styles = StyleSheet.create({})
+
+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';
+
+const DetailRollCallView = (props) => {
+  const {  } = props;
+  return (
+    <View
+      style={{
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+      }}>
+      <TouchableOpacity>
+        <Text>DetailRollCall</Text>
+      </TouchableOpacity>
+    </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) => {
+  return (
+    <ListStudentRollCallView />
+  );
+};
+
+export default ListStudentRollCall;

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({})
+
+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;
+  return (
+    <View
+      style={{
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+      }}>
+      <TouchableOpacity>
+        <Text>ListStudentRollCall</Text>
+      </TouchableOpacity>
+    </View>
+  );
+};
+
+export default ListStudentRollCallView;
+
+const styles = StyleSheet.create({})
\ No newline at end of file

src/screens/roll_call/view.js

@@ -101,7 +101,9 @@ const ListRollCallView = props => {
           <View style={{alignItems: 'flex-end', flex: 1}}>
             <Button
               title="Chi tiết"
-              onPress={() => {}}
+              onPress={() => {
+                navigation.navigate(SCREENNAME.LISTROLLCALLBYCLASS);
+              }}
               containerStyle={{
                 paddingHorizontal: 5,
                 borderRadius: 20,