升级到0.56后的React-Native Shadow

Question

我已经升级了本机依赖，并且在我的视图的影子道具上遇到了一些奇怪的问题。 它为视图中的每个孩子设置阴影，但不在应设置的实际视图上设置阴影。它仅在iOS上发生，而android仍可正常工作。

我增加了shadowOpacity以了解实际发生的情况，并且如上所述，每个项目都有一个阴影，但没有主容器。

  render() {
    return (
      <View style={styles.taskContainer}>
        <TouchableOpacity onPress={this.props.onPress}>
          <View style={styles.taskContentContainer}>
            <Text style={styles.title}>{this.props.task.title}</Text>
            <View row spread style={{ marginTop: 5 }}>
              {this.state.profileImgUrl ? (
                <FastImage 
              ...


  taskContainer: {
    marginLeft: 10,
    marginRight: 10,
    marginTop: 11,
    //ios
    shadowOpacity: 0.15,
    shadowRadius: 4,
    shadowOffset: {
      height: 1,
      width: 0
    },
    //android
    elevation: 2.5,
    borderRadius: 5,
    borderWidth: 0,
    marginBottom: 2
  },

Answer 1

在尝试提高Android性能时，我已经阅读了有关透支的知识，因此我尝试通过不将任何不必要的backgroundColors应用于子视图来减少透支。因为父视图已经设置了backgroundColor，所以我减少了通过该方法进行透支的情况。现在的问题似乎是，新的更新处理的视图带有阴影，而没有（或透明的）backgroundColors降到其子视图。

解决方案：

将"backgroundColor: "white"添加到taskContainer样式。