两种颜色的背景 - React Native

有没有办法让背景有两种颜色，如下所示：两种颜色 https://i.stack.imgur.com/0DPHC.png我尝试过使用线性渐变，但那只是渐变。我不知道如何在主视图标签中放置两种颜色作为背景？ 有什么建议么？

如果视图的尺寸无法帮助您，请尝试操纵其边框，例如，尝试以下代码：

import React, { Component } from 'react'
import { View, Dimensions } from 'react-native'

const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get('window')

class App extends Component {
    render() {
        return (
            <View style={{ flex: 1 }}>
                <View
                    width: SCREEN_WIDTH,
                    height: 0,
                    borderTopColor: "blue",
                    borderTopWidth: SCREEN_HEIGHT / 2,
                    borderRightWidth: SCREEN_WIDTH,
                    borderRightColor: 'transparent'
                />
            </View>
        )
    }
}

export default App

它给你：

无关

我还是不明白为什么人们不喜欢这样的问题。是的，没有发布代码，但这并不意味着他没有尝试任何事情。也许他做到了，但是他尝试过的方法都没有接近答案，那么他为什么要在这里发布代码以使问题变得冗长，只是为了证明他确实尝试过？而且，即使他没有尝试太多，也许是因为他不知道该尝试什么，这不是有可能吗？

有很多问题没有发布任何代码，但却获得了数百个赞成票，例如“如何在 JavaScript 中从数组中删除元素？”。真的吗？老实说，我认为如果您阅读了文档并尝试了一些方法，例如.splice, .reduce, .unshift，你不用在这里问，你就会明白这一点。这些问题之所以受欢迎，是因为它们让很多初学者（包括我）的生活变得更轻松，而不是因为这些问题表明提出这些问题的人付出了巨大的努力。从这个意义上来说，这个问题无疑是一个好问题。 （但也许他应该更改问题的标题以使其更具体，因为当其他人搜索该问题时，这会让他们受益）