Css 在React Native中设置具有高度的背景色

我想在我的应用程序的一个屏幕上设置两种不同的背景色。我希望背景的高度/2.3为

#F7E3E5

，底部为

#000000

。我可以在css样式表中使用height属性的条件来实现它吗。我不想使用不同的视图。我想知道一个完整的容器样式是否可行。

我重新阅读了你的问题。据我所知，视图组件只能应用一种颜色，因此可以执行以下操作：

const Wrapper = styled.View`
      flex:1;
      background-color: #F7E3E5;
      align-items: flex-end;
`;

const LowerContainer = styled.View`
      height: ${FULL_HEIGHT /2.3}px;
      background-color: #000000;
`;

return (
       <Wrapper>
           <LowerContainer>
               **SomeElements**
           </LowerContainer>
        </Wrapper>

const Wrapper=styled.View`
弹性：1；
背景色：#F7E3E5；
对齐项目：柔性端；
`;
const LowerContainer=styled.View`
高度：${FULL_height/2.3}px；
背景色：#000000；
`;
返回(
**某些元素**

这会给你一些你想要的东西，但是有一个非常粗糙的颜色分割。

---

您可以使用React-native Linear Gradient来实现良好的颜色混合，但您必须将组件包装在

组件中

嗨，Tanmoy，您是否使用样式化组件？您是否使用React-native维度来获得高度？是的，我使用的是styled components@WilliamTurner