在UWP中反应原生阴影

时间:2017-10-14 09:34:37

标签: react-native uwp

我最近一直在尝试使用UWP的react-native,我想问一下UWP是否还有阴影支持。

现在,我有容器

的代码
const styles = {
  viewStyle: {
    backgroundColor: '#F8F8F8',
    height: 60,
    paddingTop: 12,
    justifyContent: 'center',
    alignItems: 'center',
    shadowColor: '#000',
    shadowOffset: { width: 0, height: 2 },
    shadowOpacity: 0.2,
    elevation: 4,
    position: 'relative'
  }
};

但底部没有阴影,就像它对Android一样。

1 个答案:

答案 0 :(得分:1)

  

我想询问UWP是否有任何影子支持

不,UWP还没有开始工作。在issue 953 @leonskim中提到:

  

影子道具(例如shadowOffset)适用于iOS,而Android则具有在视图组件下绘制阴影的高程。有关向Windows的视图组件添加阴影的任何更新?这将非常有帮助。

此问题解决了WPF端使用pull request 998实现了阴影,但由于UWP将采用仍未实现的不同方式。

您可以打开一个新问题here来请求UWP侧面阴影功能。