secullum-react-native-ui 4.15.2-beta.7 → 4.15.2-beta.9

package/lib/components/Header.d.ts

@@ -32,6 +32,7 @@ export declare class Header extends React.Component<HeaderProperties> {
             fontFamily: string;
             fontSize: number;
             marginHorizontal: number;
+            flexShrink: number;
         };
         button: {
             padding: number;

package/lib/components/Header.js

@@ -24,7 +24,8 @@ class Header extends React.Component {
                     color: theme.textColor4,
                     fontFamily: theme.fontFamily1,
                     fontSize: (0, layout_1.isTablet)() ? 22 : 18,
-                    marginHorizontal: 35
+                    marginHorizontal: 10,
+                    flexShrink: 1
                 },
                 button: {
                     padding: (0, layout_1.isTablet)() ? 14 : 10

package/lib/components/Modal.d.ts

@@ -6,6 +6,14 @@ export interface ModalProperties {
     overlayStyle?: StyleProp<ViewStyle>;
     onRequestClose?: () => void;
 }
-export declare class Modal extends React.Component<ModalProperties> {
+interface ModalState {
+    isContentReady: boolean;
+}
+export declare class Modal extends React.Component<ModalProperties, ModalState> {
+    state: {
+        isContentReady: boolean;
+    };
+    handleShow: () => void;
     render(): JSX.Element;
 }
+export {};

package/lib/components/Modal.js

@@ -4,11 +4,23 @@ exports.Modal = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 class Modal extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            isContentReady: false
+        };
+        this.handleShow = () => {
+            this.setState(prevState => ({ isContentReady: !prevState.isContentReady }));
+        };
+    }
     render() {
         const { children, visible, overlayStyle, onRequestClose } = this.props;
-        return (React.createElement(react_native_1.Modal, { animationType: "fade", transparent: true, visible: visible, supportedOrientations: ['landscape', 'portrait'], onRequestClose: onRequestClose },
+        const { isContentReady } = this.state;
+        return (React.createElement(react_native_1.Modal, { animationType: "fade", transparent: true, visible: visible, supportedOrientations: ['landscape', 'portrait'], onRequestClose: onRequestClose, onShow: this.handleShow },
             React.createElement(react_native_1.TouchableWithoutFeedback, { onPress: onRequestClose },
-                React.createElement(react_native_1.View, { style: [styles.overlay, overlayStyle] }, children))));
+                React.createElement(react_native_1.View, { style: [styles.overlay, overlayStyle] },
+                    isContentReady && React.createElement(react_native_1.View, null),
+                    children))));
     }
 }
 exports.Modal = Modal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "secullum-react-native-ui",
-  "version": "4.15.2-beta.7",
+  "version": "4.15.2-beta.9",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [