e30ae8ed09
- App.tsx: full navigation (Auth stack + Main tabs with 5 screens) - Auth: LoginScreen, RegisterScreen, ForgotPasswordScreen - HomeScreen: dashboard with IoT metrics, weather widget, alerts, quick actions, sensors - MapScreen: interactive map with layer toggles (6 layers) - MarketplaceScreen: categories (6), products (5), search - ChatScreen: AI chat with quick prompts (4), bot responses - ProfileScreen: user info, stats, menu (9 items), logout - AlertsScreen: alert list with severity, acknowledge - SensorsScreen: sensor list with type filters (6 types), search - ZonesScreen: zone cards with stats - SettingsScreen: language picker (FR/EN/ES/DE), privacy, about - Stores: iotStore (sensors, zones, alerts), notificationStore, uiStore + i18n - Hooks: useSensors, useAlerts, useNotifications, useLocation - Components: Card, Button, LoadingSpinner, ErrorBoundary, Header - Services: iotService, notificationService (with axios API client) - Utils: formatters (temp, AQI, noise, dates), validators (email, password, IBAN) - Theme: colors.ts with full design system (Blue Ocean palette) - Ditto: fixed MongoDB connection, new JWT secrets, official gateway image
64 lines
3.1 KiB
Markdown
64 lines
3.1 KiB
Markdown
<img src="https://user-images.githubusercontent.com/16062886/117444014-2d1ffd80-af39-11eb-9bbb-33c320599d93.png" width="100%" alt="React Native Gesture Handler by Software Mansion">
|
|
|
|
### Declarative API exposing platform native touch and gesture system to React Native.
|
|
|
|
React Native Gesture Handler provides native-driven gesture management APIs for building best possible touch-based experiences in React Native.
|
|
|
|
With this library gestures are no longer controlled by the JS responder system, but instead are recognized and tracked in the UI thread.
|
|
It makes touch interactions and gesture tracking not only smooth, but also dependable and deterministic.
|
|
|
|
## Installation
|
|
|
|
Check [getting started](https://docs.swmansion.com/react-native-gesture-handler/docs/#installation) section of our docs for the detailed installation instructions.
|
|
|
|
## Fabric
|
|
|
|
To learn how to use `react-native-gesture-handler` with Fabric architecture, head over to [Fabric README](README-Fabric.md). Instructions on how to run Fabric Example within this repo can be found in the [FabricExample README](FabricExample/README.md).
|
|
|
|
## Documentation
|
|
|
|
Check out our dedicated documentation page for info about this library, API reference and more: [https://docs.swmansion.com/react-native-gesture-handler/docs/](https://docs.swmansion.com/react-native-gesture-handler/docs/)
|
|
|
|
## Examples
|
|
|
|
If you want to play with the API but don't feel like trying it on a real app, you can run the example project. Clone the repo, go to the `example` folder and run:
|
|
|
|
```bash
|
|
yarn install
|
|
```
|
|
|
|
If you are running on ios, run `pod install` in the ios folder
|
|
|
|
Run `yarn start` to start the metro bundler
|
|
|
|
Run `yarn android` or `yarn ios` (depending on which platform you want to run the example app on).
|
|
|
|
You will need to have an Android or iOS device or emulator connected as well as `react-native-cli` package installed globally.
|
|
|
|
## React Native Support
|
|
|
|
| version | react-native version |
|
|
| ------- | -------------------- |
|
|
| 2.16.0+ | 0.68.0+ |
|
|
| 2.14.0+ | 0.67.0+ |
|
|
| 2.10.0+ | 0.64.0+ |
|
|
| 2.0.0+ | 0.63.0+ |
|
|
| 1.4.0+ | 0.60.0+ |
|
|
| 1.1.0+ | 0.57.2+ |
|
|
| <1.1.0 | 0.50.0+ |
|
|
|
|
It may be possible to use newer versions of react-native-gesture-handler on React Native with version <= 0.59 by reverse Jetifying.
|
|
Read more on that here <https://github.com/mikehardy/jetifier#to-reverse-jetify--convert-node_modules-dependencies-to-support-libraries>
|
|
|
|
## License
|
|
|
|
Gesture handler library is licensed under [The MIT License](LICENSE).
|
|
|
|
## Credits
|
|
|
|
This project has been build and is maintained thanks to the support from [Shopify](https://shopify.com), [Expo.io](https://expo.io) and [Software Mansion](https://swmansion.com)
|
|
|
|
[](https://shopify.com)
|
|
[](https://expo.io)
|
|
[](https://swmansion.com)
|