React native 双色彩卡

我正在尝试实现如下图中的卡片，我已经实现了如下代码中的单色代码

<View style={{
        width: (window.width) * 0.4,
        height: (window.height) * 0.15,
        backgroundColor:"#FFFFFF",
        elevation: 1.5,
        justifyContent:'center',
        borderRadius: (window.width) * 0.03,
 }}>

</View> 

有人能帮我用双色调的颜色实现上述卡吗？

工作应用程序：

应用程序输出：

更新：

import*as React from'React'；
从“react native”导入{文本、视图、样式表、维度、图像}；
从“expo常量”导入常量；
从“@expo/vector icons”导入{AntDesign}；
const window=Dimensions.get（'window'）；
导出默认函数App（）{
返回(

只有卡设计的旧解决方案：

import*as React from'React'；
从“react native”导入{文本、视图、样式表、维度}；
从“expo常量”导入常量；
//可以从本地文件导入
从“./components/AssetExample”导入AssetExample；
//或npm中可用的任何纯javascript模块
从“react native paper”导入{Card}；
const window=Dimensions.get（'window'）；
导出默认函数App（）{
返回(
);
}
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“灰色”，
填充：10，
},
橙盒：{
宽度：窗宽*0.4，
高度：窗高*0.15，
背景颜色：“#FF6600”，
标高：1.5，
边框半径：窗宽*0.03，
溢出：“隐藏”，
},
白盒：{
位置：'绝对'，
宽度：窗宽*0.6，
高度：窗高*0.4，
背景颜色：“白色”，
标高：1.5，
底图：22，
右：-20，
边框半径：窗宽*0.5，
},
});
您在“absulute”中有一个拼写错误您太棒了，非常感谢@KetanRamteke。您拯救了我的一天不客气，祝您编码愉快，新年快乐：）祝您新年快乐，祝您有一个美好的一天！