两种颜色的背景 - React Native

Question

有没有办法让背景有两种颜色如下：Two colors 我试过 expos Linear Gradient，但那是 Gradient。我不确定如何在主 View 标签中放置两种颜色作为背景？ 有什么建议吗？

Answer 1

如果视图的尺寸无法将您带到任何地方，请尝试操作其边框，例如，尝试以下代码：

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，您就会知道这一点，而不必在这里问它。这些问题很受欢迎，因为它们让很多初学者（包括我）的生活更轻松，而不是因为这些问题表明提出这个问题的人付出了巨大的努力。从这个意义上说，这个问题当然是一个很好的问题。 （但也许他应该更改问题的标题以使其更具体，因为当他们goole它时会受益）