如何设置 React Native 的 Modal 的海拔

Question

我需要设置 React Native 模态组件的高度。 但是，标高必须应用于视图（非模态）。

所以，我尝试了下面的代码，但不起作用。

Android中如何给Modal添加阴影？

import React from 'react';
import {
  Modal,
  SafeAreaView,
  StyleSheet,
  View
} from 'react-native';

export const HelpModal = (props: any) => {
  return (
    <Modal
      animationType="fade"
      transparent={true}
      visible={props.visible}>
      <SafeAreaView style={styles.safeAreaView}>
        <View style={{height: 200, width: 200, backgroundColor: 'red', shadowColor: 'green', elevation: 5}} />
      </SafeAreaView>
    </Modal>
  );
};

const styles = StyleSheet.create({
  safeAreaView: {
    flex: 1,
    alignItems: 'center',
  },
});

Answer 1

react-native-shadow-2对我来说效果很好。

这个库使用 svg 而不是高程。