I'll recreate this student management ERP system UI as a React Native application. Let me create a mobile version that maintains the same functionality and design principles.

I've recreated the student management ERP system as a React Native mobile application. The app maintains all the key functionality from the web version while adapting the UI for mobile devices:

1. Navigation Structure: Uses React Navigation's drawer navigator for the sidebar menu functionality
2. Theme Support: Includes light/dark mode with the same color scheme as the original

3. Core Screens: All main sections are implemented:

   • Dashboard with summary statistics
   • Student management (list, registration, statistics)
   • Grade management (input, view, statistics)
   • Attendance tracking (check-in, status views)
   • Settings

The mobile version preserves the hierarchical menu structure using an expandable drawer navigation pattern, which is the mobile equivalent of the collapsible sidebar in the web version. The UI components have been adapted to follow mobile design patterns while maintaining the same visual identity.

To run this application, you would need to set up a React Native project with Expo and install the required dependencies like React Navigation.