A mobile application built with React Native and Expo, designed to designed to monitor and manage security-related incidents in real time.
- Consistent UI
- Light and dark theme
- Stack-based navigation
- Login / Logout
- News feed
- Profile information
- Warning cards
- Collected data from sensors
- Local data storage using Expo Secure Store
npm install -g expo-cligit clone https://github.com/chas-challenge-code-6/mobile-app
cd mobile.appnpx expo install expo-font expo-secure-store
npx expo install @react-navigation/native-stacknpm install @react-navigation/nativeBeroende på navigationsstruktur kan följande också behövas:
npm install react-native-screens react-native-safe-area-context
npm install @react-native/drawerProps Required
Prop Type Förklaring title string Menyns titel actions array med ett objekt med: id, title osv Actions som visas i menyn onPressAction callback function Kallar på funktionen när man trycker på meny-alternativet
npm install react-native-svgnpm install @react-native-async-storage/async-storage.
├── App.js # Root component
├── assets/ # Fonts, images etc.
├── context/ # Theme context
├── components/ # Reusable components
│ └── layout/ # Layout
├── navigation/ # Navigation configuration
├── screens/ # App screens/views
└── README.mdnpx expo start- Press
ito open in iOS simulator (Mac only) - Press
ato open in Android emulator - Scan the QR code in the terminal with the Expo Go app (iOS/Android)
-
Clear cache:
npx expo start -c
-
Install a new Expo-compatible package:
npx expo install [package-name]
-
Build the app (requires EAS setup):
npx eas build --platform ios|android