Every line of 'react native margin' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.
9 var marginStyle = function marginStyle(props) { 10 if (typeof props.margin === 'string') { 11 var margin = props.theme.global.edgeSize[props.margin]; 12 return '\n margin-top: ' + margin + ';\n margin-bottom: ' + margin + ';\n margin-left: ' + margin + ';\n margin-right: ' + margin + ';\n '; 13 } 14 if (props.margin.vertical) { 15 return '\n margin-top: ' + props.theme.global.edgeSize[props.margin.vertical] + ';\n margin-bottom: ' + props.theme.global.edgeSize[props.margin.vertical] + ';\n '; 16 } 17 if (props.margin.horizontal) { 18 return '\n margin-left: ' + props.theme.global.edgeSize[props.margin.horizontal] + ';\n margin-right: ' + props.theme.global.edgeSize[props.margin.horizontal] + ';\n '; 19 } 20 if (props.margin.top) { 21 return 'margin-top: ' + props.theme.global.edgeSize[props.margin.top] + ';'; 22 } 23 if (props.margin.bottom) { 24 return 'margin-bottom: ' + props.theme.global.edgeSize[props.margin.bottom] + ';'; 25 } 26 if (props.margin.left) { 27 return 'margin-left: ' + props.theme.global.edgeSize[props.margin.left] + ';'; 28 } 29 if (props.margin.right) { 30 return 'margin-right: ' + props.theme.global.edgeSize[props.margin.right] + ';'; 31 } 32 return ''; 33 };
7 var marginStyle = function marginStyle(props) { 8 if (typeof props.margin === 'string') { 9 if (props.margin === 'none') { 10 return '\n margin-top: 0;\n margin-bottom: 0;\n '; 11 } 12 var margin = props.theme.global.edgeSize[props.margin]; 13 return '\n margin-top: ' + margin + ';\n margin-bottom: ' + margin + ';\n '; 14 } 15 if (props.margin.top) { 16 return 'margin-top: ' + props.theme.global.edgeSize[props.margin.top] + ';'; 17 } 18 if (props.margin.bottom) { 19 return 'margin-bottom: ' + props.theme.global.edgeSize[props.margin.bottom] + ';'; 20 } 21 return ''; 22 };
23 setNativeProps(props) { 24 this._component.setNativeProps(props); 25 }
117 value: function setNativeProps(props) { 118 if (this._listRef) { 119 this._listRef.setNativeProps(props); 120 } 121 }
27 const NavigationNativeContainer = React.forwardRef(function NativeContainer( 28 { theme = DefaultTheme, ...rest }: Props, 29 ref: React.Ref 30 ) { 31 const refContainer = React.useRef(null); 32 33 useBackButton(refContainer); 34 35 React.useImperativeHandle(ref, () => refContainer.current); 36 37 return ( 38 39 40 41 ); 42 });
49 value: function componentDidMount() { 50 this.updateWiderPadding(); 51 this.resizeEvent = addEventListener(window, 'resize', this.updateWiderPadding); 52 }
118 setNativeProps(nativeProps) { 119 this._root && this._root.setNativeProps(nativeProps); 120 }
93 calcMargin() { 94 if (is_defined(this.icon)) { 95 const {width} = this.icon.getBoundingClientRect(); 96 this.setState({margin: width / 2}); 97 } 98 }
91 export function useNativeValue(node: Animated.Node, init: number): number { 92 const [state, setState] = useState(init) 93 Animated.useCode(() => Animated.call([node], ([val]) => setState(val)), []) 94 return state 95 }
492 onChange: function onChange(v) { 493 return _this2.changeCustomMargin({ customMargin: v.target.checked }); 494 } }),