Question

我一直在尝试向图像添加阴影并将其显示在iOS设备上，但是它没有显示出来。知道我想念什么吗？

这是JSX：

<View style={styles.container}>
  <Image style={styles.pic} source={pic} />
</View>

样式：

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'white',
  },
  pic: {
    width: 200,
    height: 200,
    shadowOffset: { width: 10, height: 10 },
    shadowColor: 'black',
    shadowOpacity: 1,
    backgroundColor: '#0000',
  },
});

您可以观看现场演示here。

Answer 1

根据React-native文档：https://facebook.github.io/react-native/docs/image-style-props

图像样式没有阴影的可能性，因此您需要将其包装在视图中并向该视图添加阴影：

$previousDay = date('Y-m-d', strtotime('now - 1day'));
$toDay       = date('Y-m-d', strtotime('now'));
$nextDay     = date('Y-m-d', strtotime('now + 1day'));

并设置其样式：

<View style={styles.mainContainer}>
    <View style={styles.imageContainer}>
        <Image style={styles.pic} source={pic} />
    </View>
</View>

在iOS上使用React Native不会显示图像阴影

1 个答案: