[英]Placing element in the top right corner in react native
父component
有如下样式
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#FFF',
alignItems: 'center',
justifyContent: 'center',
},
});
我在这个组件中放置了另一个component
。 我想要它在右上角。
自然地,我会在这个子component
中使用以下样式:
const styles = StyleSheet.create({
container: {
...StyleSheet.absoluteFillObject,
top: 20,
right: 5,
},
});
但是,它将它放在左上角。 我可以将它移到右上角的唯一方法是将right: 5
替换为left: 500
。 但这不是要走的路......
请检查下面的子组件样式表:
const styles = StyleSheet.create({
container: {
...StyleSheet.absoluteFillObject,
alignSelf: 'flex-end',
marginTop: -5,
position: 'absolute', // add if dont work with above
}
});
尝试设置position: relative
和float: right
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.