代码之家 › 专栏 › 技术社区 › four-eyes

放置右上角react native

stylesheet styles react-native javascript

four-eyes · 技术社区 · 7 年前

component 具有以下样式

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

组成部分 在该组件内。我想把它放在右上角。

当然,我会在这个孩子身上采用以下风格

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

然而,它将其置于顶部左边 right: 5 具有 left: 500 . 但这不是一种方式去。。。

1 回复 | 直到 7 年前

Jigar Shah 7 年前

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

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前