10 examples of 'flexgrow react native' in JavaScript

31
render() {
32
  const {
33
    align,
34
    baseSize,
35
    children,
36
    className,
37
    gap,
38
    just,
39
    ...rest
40
  } = this.props
41
42
  const componentClassName = classNames(
43
    Flexy.className,
44
    align && `is-align-${align} is-${align}`,
45
    gap && `is-gap-${gap}`,
46
    just && `is-just-${just}`,
47
    className
48
  )
49
50
  return (
51
    <FlexyUI
52
      {...getValidProps(rest)}
53
      baseSize={baseSize}
54
      className={componentClassName}
55
    >
56
      {children}
57
    </FlexyUI>
58
  )
59
}

64
flex1(): Tailwind { return this.add("flex-1"); }

49
set wrap(v) {
50
    this._wrap = v;
51
    this._mustUpdateInternal();
52
}

27
var ResponsiveGrid = function ResponsiveGrid(_ref) {
28
  var children = _ref.children,
29
      areas = _ref.areas,
30
      props = _objectWithoutPropertiesLoose(_ref, ["children", "areas"]);
31
32
  var size = React.useContext(ResponsiveContext);
33
  return React.createElement(Grid, _extends({
34
    areas: areas[size]
35
  }, props), children);
36
};

223
constructor (props) {
224
	super(props);
225
226
	this.state = {
227
		x: props.x,
228
		y: props.y
229
	};
230
231
	this.componentProps = this.getComponentProps(props);
232
}

20
render() {
21
    const style = Object.assign(this.componentStyle.container, this.props.style);
22
    return <div style={style}>
23
        {this.props.children}
24
    </div>;
25
}

266
var flexGrow = function flexGrow(value) {
267
  return {
268
    "-webkit-flex-grow": value,
269
    "flex-grow": value
270
  };
271
};

46
get allowFlexShrink () {
47
  return !!this._allowFlexShrink
48
}

189
public static setFlexGrow(view: View, grow: number) {
190
    validateArgs(view).style.flexGrow = grow;
191
}

20
render() {
21
  const { className, children, debug, gap, style, columns } = this.props;
22
23
  const childrenWithGap = React.Children.map(children, (child: any) =>
24
    child && React.cloneElement(child, { columns, gap, debug }),
25
  );
26
27
  return (
28
    <div className={className} style={[this.styles(), style] as any}>{childrenWithGap}</div>
29
  );
30
}