将元素放在 react native 的右上角

Question

父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,
},
});

但是，它将其放在左上角。我可以将其移动到右上角的唯一方法是用left: 500替换right: 5。但这不是要走的路...

Answer 1

请检查以下子组件的样式表：

const styles = StyleSheet.create({
container: {
...StyleSheet.absoluteFillObject,
alignSelf: 'flex-end',
marginTop: -5,
position: 'absolute', // add if dont work with above
}
});