mirror of
https://github.com/zhigang1992/react-native.git
synced 2026-04-28 20:25:33 +08:00
[react-packager][streamline oss] Move open sourced JS source to react-native-github
This commit is contained in:
92
Libraries/StyleSheet/LayoutPropTypes.js
Normal file
92
Libraries/StyleSheet/LayoutPropTypes.js
Normal file
@@ -0,0 +1,92 @@
|
||||
/**
|
||||
* Copyright 2004-present Facebook. All Rights Reserved.
|
||||
*
|
||||
* @providesModule LayoutPropTypes
|
||||
*/
|
||||
'use strict';
|
||||
|
||||
var ReactPropTypes = require('ReactPropTypes');
|
||||
|
||||
/**
|
||||
* These properties are a subset of our styles that are consumed by the layout
|
||||
* algorithm and affect the positioning and sizing of views.
|
||||
*/
|
||||
|
||||
var LayoutPropTypes = {
|
||||
width: ReactPropTypes.number,
|
||||
height: ReactPropTypes.number,
|
||||
top: ReactPropTypes.number,
|
||||
left: ReactPropTypes.number,
|
||||
right: ReactPropTypes.number,
|
||||
bottom: ReactPropTypes.number,
|
||||
margin: ReactPropTypes.number,
|
||||
marginVertical: ReactPropTypes.number,
|
||||
marginHorizontal: ReactPropTypes.number,
|
||||
marginTop: ReactPropTypes.number,
|
||||
marginBottom: ReactPropTypes.number,
|
||||
marginLeft: ReactPropTypes.number,
|
||||
marginRight: ReactPropTypes.number,
|
||||
padding: ReactPropTypes.number,
|
||||
paddingVertical: ReactPropTypes.number,
|
||||
paddingHorizontal: ReactPropTypes.number,
|
||||
paddingTop: ReactPropTypes.number,
|
||||
paddingBottom: ReactPropTypes.number,
|
||||
paddingLeft: ReactPropTypes.number,
|
||||
paddingRight: ReactPropTypes.number,
|
||||
borderWidth: ReactPropTypes.number,
|
||||
borderTopWidth: ReactPropTypes.number,
|
||||
borderRightWidth: ReactPropTypes.number,
|
||||
borderBottomWidth: ReactPropTypes.number,
|
||||
borderLeftWidth: ReactPropTypes.number,
|
||||
|
||||
position: ReactPropTypes.oneOf([
|
||||
'absolute',
|
||||
'relative'
|
||||
]),
|
||||
|
||||
// https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
|
||||
flexDirection: ReactPropTypes.oneOf([
|
||||
'row',
|
||||
'column'
|
||||
]),
|
||||
|
||||
// https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
|
||||
flexWrap: ReactPropTypes.oneOf([
|
||||
'wrap',
|
||||
'nowrap'
|
||||
]),
|
||||
|
||||
// How to align children in the main direction
|
||||
// https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
|
||||
justifyContent: ReactPropTypes.oneOf([
|
||||
'flex-start',
|
||||
'flex-end',
|
||||
'center',
|
||||
'space-between',
|
||||
'space-around'
|
||||
]),
|
||||
|
||||
// How to align children in the cross direction
|
||||
// https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
|
||||
alignItems: ReactPropTypes.oneOf([
|
||||
'flex-start',
|
||||
'flex-end',
|
||||
'center',
|
||||
'stretch'
|
||||
]),
|
||||
|
||||
// How to align the element in the cross direction
|
||||
// https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
|
||||
alignSelf: ReactPropTypes.oneOf([
|
||||
'auto',
|
||||
'flex-start',
|
||||
'flex-end',
|
||||
'center',
|
||||
'stretch'
|
||||
]),
|
||||
|
||||
// https://developer.mozilla.org/en-US/docs/Web/CSS/flex
|
||||
flex: ReactPropTypes.number,
|
||||
};
|
||||
|
||||
module.exports = LayoutPropTypes;
|
||||
Reference in New Issue
Block a user