React native / expo app：如何制作对角背景？

Question

我正在我们的应用程序中构建一个可用性日历，以及有签到和签出的日子（发生在中午12:00）我希望将日历日显示为半绿或半右，如下所示：

目前，使用CSS，我们实现了这样的效果：

linear-gradient(to bottom right, #beffbe 50%, #ffbdc2 51%)

实施此操作的最佳方法是什么？

我正在使用世博会，所以可能涉及<LinearGradient>？

Answer 1

不知道这是否是最佳解决方案，但您可以通过添加带边框<View />作为内容的兄弟来实现此效果：

import { Dimensions } from 'react-native';

const { width } = Dimensions.get('window');

render() {
(...)

  <View style={{
    borderRightWidth: width,
    borderRightColor: 'red',
    borderTopWidth: width,
    borderTopColor: 'green',
    position: 'absolute',
    opacity: 0.5
  }} />

[Your content goes here]

(...)
}

希望有所帮助