javascript - 将元素放置在 react native 的右上角

Question

父组件具有以下样式

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#FFF',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

我在这个组件中放置了另一个组件。我想要它在右上角。

自然地，我会在这个子组件中使用以下样式:

const styles = StyleSheet.create({
  container: {
    ...StyleSheet.absoluteFillObject,
    top: 20,
    right: 5,
  },
});

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

Answer 1

请检查以下子组件样式表:

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