react-native - 两种颜色的背景 - React Native

Question

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

Answer 1

如果 View 的尺寸不能让您到达任何地方，请尝试操作其边框，例如，尝试以下代码:

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 ，您无需在 SO 上询问就可以解决这个问题。这些问题之所以流行，是因为它们让很多初学者(包括我)的生活变得更轻松，而不是因为这些问题表明问这个问题的人付出了很大的努力。从这个意义上说，这个问题当然是一个很好的问题。 (但也许他应该更改问题的标题以使其更具体，因为当他们使用它时会对其他人有益)