|
@@ -12,9 +12,23 @@ export default class BaseHolder extends React.Component {
|
|
|
let {
|
|
|
children,
|
|
|
selected,
|
|
|
+
|
|
|
justifyContent,
|
|
|
alignItems,
|
|
|
+ alignContent,
|
|
|
+ flexDirection,
|
|
|
+ flexWrap,
|
|
|
+ flexFlow,
|
|
|
+
|
|
|
+ order,
|
|
|
alignSelf,
|
|
|
+ flexGrow,
|
|
|
+ flexShrink,
|
|
|
+ flexBasis,
|
|
|
+
|
|
|
+ width,
|
|
|
+ height,
|
|
|
+
|
|
|
stretchContainer,
|
|
|
content,
|
|
|
...restProps
|
|
@@ -25,7 +39,15 @@ export default class BaseHolder extends React.Component {
|
|
|
if (stretchContainer) styl.push(styles.stretchToContent);
|
|
|
return (
|
|
|
// self container
|
|
|
- <View {...restProps} style={[styl, {alignSelf}]}>
|
|
|
+ <View {...restProps} style={[styl, {
|
|
|
+ order,
|
|
|
+ alignSelf,
|
|
|
+ flexGrow,
|
|
|
+ flexShrink,
|
|
|
+ flexBasis,
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ }]}>
|
|
|
{content}
|
|
|
|
|
|
<View WRAPPER={true} style={ //children Container
|
|
@@ -33,7 +55,11 @@ export default class BaseHolder extends React.Component {
|
|
|
!!content || stretchContainer ? styles.stretchToContent : {},
|
|
|
{
|
|
|
justifyContent,
|
|
|
- alignItems
|
|
|
+ alignItems,
|
|
|
+ alignContent,
|
|
|
+ flexDirection,
|
|
|
+ flexWrap,
|
|
|
+ flexFlow
|
|
|
}
|
|
|
]}>
|
|
|
{children}
|
|
@@ -62,7 +88,15 @@ const styles = StyleSheet.create({
|
|
|
});
|
|
|
|
|
|
BaseHolder.Inputs = {
|
|
|
- justifyContent: new Types.Text().require().default("flex-start"),
|
|
|
+ justifyContent: new Types.Text().default("flex-start"),
|
|
|
alignItems: new Types.Text(),
|
|
|
- alignSelf: new Types.Text()
|
|
|
+ alignContent: new Types.Text(),
|
|
|
+ flexDirection: new Types.Text(),
|
|
|
+ flexWrap: new Types.Text(),
|
|
|
+ flexFlow: new Types.Text(),
|
|
|
+ order: new Types.Text(),
|
|
|
+ alignSelf: new Types.Text(),
|
|
|
+ flexGrow: new Types.Text(),
|
|
|
+ flexShrink: new Types.Text(),
|
|
|
+ flexBasis: new Types.Text()
|
|
|
}
|