仅左右反应本机阴影

Question

我很难为这样的视图的左右两侧设置一些阴影：imgur

我一直在尝试计算react-native-shadow-generator网站上的属性，但没有成功。有谁知道/是否可以在本机反应中实现？

Answer 1

您可以这样做：

   return (
      <View style={styles.mainContainer}>
      <View  elevation={5} style={styles.boxStyle}>
        <Text>Box 1</Text>
      </View>
      </View>
    );
  }
}

const styles = StyleSheet.create({
 mainContainer: {
    backgroundColor: '#ebebeb',
    padding: 10,
    height : height
  },
  boxStyle: {
    backgroundColor: '#fff',
    alignItem: 'center',
    justifyContent: 'center',
    flexDirection: 'column',
    marginLeft: 30,
    marginTop: 15,
    width: 120,
    height: 120,
    padding: 12,
    borderRadius: 8,
    shadowColor: "00000",
    shadowOpacity: 0.9,
    shadowRadius: 4,
    shadowOffset: {
      height: 2,
      width: 2
    }
  }
});