react-crud-mobile 1.0.784 → 1.0.786

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1246,12 +1246,14 @@ function UIModal(props) {
1246
1246
  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
1247
1247
  }
1248
1248
  var headerRight = reactCrudUtils.ComponentUtils.getDefine(props, 'header', 'right');
1249
- return /*#__PURE__*/jsxRuntime.jsx(reactNative.Modal, {
1249
+ return /*#__PURE__*/jsxRuntime.jsxs(reactNative.Modal, {
1250
1250
  animationType: "slide",
1251
1251
  transparent: true,
1252
1252
  visible: modalVisible,
1253
1253
  onRequestClose: onClose,
1254
- children: /*#__PURE__*/jsxRuntime.jsxs(reactNative.SafeAreaView, {
1254
+ children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.SafeAreaView, {
1255
+ style: style('modalTop')
1256
+ }), /*#__PURE__*/jsxRuntime.jsxs(reactNative.SafeAreaView, {
1255
1257
  style: style('modalSafe'),
1256
1258
  children: [/*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
1257
1259
  style: scope.getStyle('header', headerStyle),
@@ -1289,15 +1291,19 @@ function UIModal(props) {
1289
1291
  })
1290
1292
  })
1291
1293
  })]
1292
- })
1294
+ })]
1293
1295
  });
1294
1296
  }
1295
1297
  var styles$8 = /*#__PURE__*/reactNative.StyleSheet.create({
1296
- modalSafe: {
1297
- flex: 1,
1298
+ modalTop: {
1298
1299
  backgroundColor: 'primary',
1299
1300
  width: '100%'
1300
1301
  },
1302
+ modalSafe: {
1303
+ flex: 1,
1304
+ width: '100%',
1305
+ backgroundColor: '#f5f5f5'
1306
+ },
1301
1307
  modalCloseButton: {
1302
1308
  padding: 10
1303
1309
  },