ReactNative 绝对坐标absolute和相对坐标relative

绝对坐标absolute

  • 相对于父节点的4个角落,通过left、right、top、bottom来调整相对于父窗口的坐标

右下角
  • 当left、right同时存在时,left会覆盖right的属性
    同理top和bottom同时存在时,top会覆盖bottom的坐标属性

  • 绝对坐标是相对于父节点的,而不是相对于根节点的


    
        
    

ReactNative 绝对坐标absolute和相对坐标relative_第1张图片
Paste_Image.png

相对坐标relative

  • relative坐标是默认坐标,position: 'relative'默认是添加的

    
          
          
    

Paste_Image.png

relative理解还不到位,用到的大都是left+top,以后补充

参考文章:
http://www.infoq.com/cn/articles/react-native-layout/

你可能感兴趣的:(ReactNative 绝对坐标absolute和相对坐标relative)