Το κύριο πρόβλημα που σχετίζεται με την εγγενή προβολή του κέντρου κάθετης ευθυγράμμισης είναι ότι μπορεί να προκαλέσει προβλήματα κύλισης. Όταν ένας χρήστης κάνει κύλιση προς τα κάτω μια σελίδα, το περιεχόμενο στο κέντρο της οθόνης θα μετακινηθεί προς τα κάτω μαζί του, αλλά το περιεχόμενο στις πλευρές της οθόνης θα παραμείνει ακίνητο. Αυτό μπορεί να είναι πρόβλημα εάν θέλετε οι χρήστες να μπορούν να δουν όλο το περιεχόμενό σας ταυτόχρονα.
There is no built-in way to vertically align a view in React Native. However, you can use the style property "transform" with the value "translateY(50%)" to vertically center a view.
Δεν υπάρχει ενσωματωμένος τρόπος για κάθετη στοίχιση μιας προβολής στο React Native. Ωστόσο, μπορείτε να χρησιμοποιήσετε την ιδιότητα στυλ "transform" με την τιμή "translateY(50%)" για να κεντράρετε κάθετα μια προβολή.
Κατακόρυφη στοίχιση κειμένου σε react native (χρησιμοποιώντας τη μητρική βάση)
Η κάθετη στοίχιση στο κείμενο ελέγχεται από την ιδιότητα TextAlign. Υπάρχουν τρεις πιθανές τιμές:
αριστερά
κέντρο
δεξιά
Ένθετο κείμενο
Στο React Native, το ένθετο κείμενο είναι μια δυνατότητα που σας επιτρέπει να δημιουργήσετε ένα πεδίο κειμένου που μπορεί να περιέχει άλλα πεδία κειμένου. Αυτό είναι χρήσιμο εάν θέλετε να δημιουργήσετε μια φόρμα που έχει πολλά πεδία και θέλετε να διατηρήσετε τα πεδία οργανωμένα.
Για να χρησιμοποιήσετε ένθετο κείμενο στην εφαρμογή React Native, δημιουργήστε πρώτα ένα νέο στοιχείο TextField. Στη συνέχεια, προσθέστε τον ακόλουθο κώδικα στον κατασκευαστή:
this.state = {};
Αυτό θα αρχικοποιήσει την κατάσταση του πεδίου κειμένου έτσι ώστε να περιέχει μια κενή συμβολοσειρά. Στη συνέχεια, προσθέστε τον ακόλουθο κώδικα στο πρόγραμμα χειρισμού onChange:
this.setState({text: this.state.text});
Αυτό θα ενημερώσει την κατάσταση του πεδίου κειμένου με οποιαδήποτε τιμή βρίσκεται αυτήν τη στιγμή σε αυτό. Τέλος, προσθέστε ένα νέο στοιχείο TextField κάτω από το αρχικό σας και καθορίστε ότι θα πρέπει να χρησιμοποιείται ως θυγατρικό πεδίο:
