Schaltfläche kann nicht auf der linken unteren Ecke des Bildschirms ausgerichtet werden - Reagieren Native

Question

Ich möchte meine Schaltfläche auf der linken unteren Ecke des Bildschirms positionieren. Ich habe versucht, bottom: 0 und zu verwenden, aber das hat nichts getan. Ich recherchierte ein bisschen und entdeckte, dass ich die position: 'absolute' einstellen muss. Wenn ich dies jedoch tue, verschwindet meine Schaltfläche vollständig.

Wie kann ich mit der Schaltfläche unten links auf dem Bildschirm positionieren?

Hier ist mein Code:

import React, { Component } from 'react'; 
import { Button,Alert, TouchableOpacity,Image } from 'react-native' 

import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View, 
} from 'react-native'; 

class Project extends Component { 
    render() { 
    return (
     <View style={{backgroundColor: '#375D81', flex: 1}}> 
     <View style = {styles.container}> 
      <TouchableOpacity style = {styles.buttonText} onPress={() => { Alert.alert('You tapped the button!')}}> 
      <Text> 
       Button 
      </Text> 
      </TouchableOpacity> 
     </View> 
     </View> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 
main: { 
    backgroundColor: 'blue' 
}, 
container: { 
    alignItems: 'center', 
}, 
    buttonText: { 
     borderWidth: 1, 
     padding: 25,  
     borderColor: 'black', 
     backgroundColor: '#C4D7ED', 
     borderRadius: 15, 
     bottom: 0, 
     left: 0, 
     width: 100, 
     height: 100, 
     position: 'absolute' 
    } 
}); 

AppRegistry.registerComponent('Project',() => Project); 

Answer 1

suchen Sie vergessen haben, Ihr Behälter zu biegen. Hinzufügen: flex: 1 da drin und Sie sind alle gut:

container: { 
    alignItems: 'center', 
    flex: 1 
}, 

Answer 2

React-native Elemente "gerendert" von oben links, wenn ihre Position definieren absolute ly. Das bedeutet, wenn Sie bottom: 0 und definieren, wird das Objekt horizontal gerendert, aber vertikal wird es nicht angezeigt. Umschalten auf

position 'absolute', 
bottom: 100, 
left: 0, 

sollte das sein, was Sie für