background image

Σχεδιασμός και υλοποίηση συστήματος IoT ασύρματου ελέγχου και μέτρησης ενέργειας 

 

28 

 

2.2.4 Το πλαίσιο κινητών εφαρμογών React Native 

 

 
Το React Native είναι ένα πλαίσιο εφαρμογών (framework) για κινητές συσκευές, 

που  δημιουργήθηκε  από  την  εταιρεία  Meta  Platforms  (πρώην  Facebook)  το  2015

  [17]. 

Βασίζεται  στο  πλαίσιο  εφαρμογών  React,  το  οποίο  χρησιμεύει  στην  δημιουργία 

διεπαφών  χρήστη  με  την  γλώσσα  προγραμματισμού  Javascript.  Το  React  Native 
χρησιμοποιείται  για  την  δημιουργία  εφαρμογών  για  τις  πλατφόρμες  Android,  IOS, 
Android TV, tv OS, MacOS, Windows αλλά και για UWP (Universal Windows Platform).  

Συνδυάζοντας  το  React  μαζί  με  τρίτες  βιβλιοθήκες  λογισμικού,  το  React  Native 

επιτρέπει στους προγραμματιστές να δημιουργήσουν εφαρμογές που προορίζονται για 
πολλές  διαφορετικές  πλατφόρμες,  με  μια  κοινή  βάση  κώδικα  γραμμένη  στην  γλώσσα 
προγραμματισμού Javascript.  

Στην  Εικόνα  11

  που  ακολουθεί,  φαίνεται  ένα  απλό  παράδειγμα  κώδικα  γραμμένο  στο 

πλαίσιο εφαρμογών React Native με το γραφικό του αποτέλεσμα. 
 

 

Εικόνα 11 : Παράδειγμα κώδικα στο πλαίσιο εφαρμογών React Native 

 

Συνδυαστικά  με  το  React  Native  χρησιμοποιήθηκαν  και  κάποιες  βιβλιοθήκες 

λογισμικού.  Παρακάτω,  αναφέρονται  συνοπτικά  το  όνομα  και  η  λειτουργία  των 

σημαντικότερων από αυτές. 
 
React Navigation 
Το React Navigation είναι μια βιβλιοθήκη λογισμικού, η οποία χρησιμεύει στην εναλλαγή 

διαφορετικών οθονών μέσα στην εφαρμογή [18]. Υλοποιεί μια δομή τύπου στοίβας (stack 
navigator), στην οποίο ο χρήστης μπορεί να προσθέτει οθόνες (push) και να τις αφαίρει 
(pop), επιτρέποντας του να κατευθύνεται προς τα πίσω. 

 
React Native Async Storage 
Το async storage είναι μια βιβλιοθήκη για React Native, η οποία υλοποιεί ένα σύστημα 

αποθήκευσης  του  μοντέλου  κλειδίου-τιμής  (key-value)  [19].  Χρησιμοποιείται  για  την 
αποθήκευση  δεδομένων  του  χρήστη  και  συγκεκριμένα  αποθηκεύει  τοπικά  το 
αλφαριθμητικό JWT, για την αυτόματη σύνδεση του στο σύστημα.