Λύθηκε: αντιδρά εγγενές στοιχείο στο κάτω κέντρο

Τελευταία ενημέρωση: 09/11/2023
Συγγραφέας: JavaScript SourceTrail

Το κύριο πρόβλημα είναι ότι το react native στοιχείο στο κάτω κέντρο δεν είναι εύκολα προσβάσιμο.

I'm trying to create a component at the bottom center of the screen in React Native. I've tried using <code>absolute</code> and <code>relative</code> positioning, but nothing seems to work. Here's my code:
<code>&lt;View style={{position: 'absolute', bottom: 0, alignItems: 'center'}}&gt;
  &lt;Text&gt;This is my component!&lt;/Text&gt;
&lt;/View&gt;
</code>


A:

You can use <code>flexDirection:'row'</code>,<code>justifyContent:'center'</code>,<code>alignItems:'flex-end'</code>.

<View style={{flexDirection:'row',justifyContent:'center',alignItems:'flex-end'}}>
<Text>This is my component!</Text>
</View>

Τι είναι η Yoga στο React Native

Το React Native είναι μια πλατφόρμα για τη δημιουργία εφαρμογών για κινητά με το React. Η Yoga είναι μια γλώσσα προγραμματισμού που βοηθά τους προγραμματιστές να δημιουργήσουν διεπαφές χρήστη και εφαρμογές.

Τι είναι το Flexbox

?

Το Flexbox είναι μια λειτουργική μονάδα διάταξης για το React Native που διευκολύνει τη δημιουργία ευέλικτων και αποκριτικών διατάξεων. Σας επιτρέπει να καθορίσετε ποια στοιχεία πρέπει να τεντωθούν και ποια να συμπιεστούν και παρέχει μια ποικιλία επιλογών για τον έλεγχο του τρόπου απόδοσης της διάταξης.

Σχετικές αναρτήσεις: