Ich möchte einen weißen Balken einfügen, der die gesamte Breite am unteren Bildschirmrand einnimmt. Dazu habe ich überlegt, die absolute
Positionierung mit den geerbten flexbox
Parametern zu verwenden.
Mit dem folgenden Code macht es so etwas wie diese .
Hier ist mein Code:
var NavigationBar = React.createClass({
render: function() {
return(
<View style={navigationBarStyles.navigationBar}>
//Icon 1, Icon 2...
</View>
);
}
});
var Main = React.createClass({
render: function() {
return(
<View style={mainStyles.container}>
<NavigationBar />
</View>
);
}
});
var mainStyles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#456783',
}
});
var navigationBarStyles = StyleSheet.create({
navigationBar: {
backgroundColor: '#FFFFFF',
height: 30,
position: 'absolute',
flexDirection: 'row',
bottom: 0,
justifyContent: 'space-between'
},
});
Ich bin neu im Styling in CSS und nicht alle Eigenschaften sind in React-Native verfügbar. Also jede Hilfe ist dankbar, danke :)
height:100%
tuntop:0, bottom:0
.