Как добавить внешнюю тень в свой блок?

Я хочу добавить внешнюю тень в свой блок, тень добавлена, но размер моего блока стал меньше. как добавить тень без изменения размера блока,

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default function App() {
  return (
    <View>
      <View style={styles.header}>

      </View>
      <View style={styles.containerRow}>
        <View style={styles.menu}>
          <Text>Shejjgvhgvhgvghlar</Text>
        </View>
        <View style={styles.menu}>
          <Text>Shejjgvhgvhgvghlar</Text>
        </View>
      </View>
    </View>
  );
}

const styles = StyleSheet.create({

  header: {
    height: 250,
    width: '100%',
  },
  containerRow: {
    alignItems: 'center',
    justifyContent: 'space-around',
    flexDirection: 'row',

  },
  menu: {
    height: 158,
    width: 158,

    shadowColor: "#000",
    shadowOffset: {
      width: 0,
      height: 0,
    },
    shadowOpacity: 0.25,
    shadowRadius: 3.84,

    elevation: 5,
  }

});


Ответы (0 шт):