React native 如何在不以子对象为目标的情况下设置包装器视图的样式？_React Native

React native 如何在不以子对象为目标的情况下设置包装器视图的样式？

react-native

React native 如何在不以子对象为目标的情况下设置包装器视图的样式？,react-native,React Native,对不起，我知道这可能是一个愚蠢的问题，但我是一个新的反应本机，我似乎找不到解决这个问题的办法查找它。提前感谢您的帮助我试图给头巾一个盒子的阴影，但它似乎给里面的东西一个阴影。以下是生成结果的代码： import React，{Component}来自'React'；从“样式化组件”导入样式化；从“./通用/标题”导入H1；从“./assets/LeftArrow.png”导入LeftArrow； const MainWrapper=styled.View` 盒影：5px 5px 5px#

对不起，我知道这可能是一个愚蠢的问题，但我是一个新的反应本机，我似乎找不到解决这个问题的办法查找它。提前感谢您的帮助

我试图给头巾一个盒子的阴影，但它似乎给里面的东西一个阴影。以下是生成结果的代码：

import React，{Component}来自'React'；
从“样式化组件”导入样式化；
从“./通用/标题”导入H1；
从“./assets/LeftArrow.png”导入LeftArrow；
const MainWrapper=styled.View`
盒影：5px 5px 5px#000000；
`;
const HeadingWrapper=styled.View`
填充：60px 10px 0 10px；
高度：60px；
弹性：1；
弯曲方向：行；
柔性包装：包装；
证明内容：之间的空间；
`;
const ScrollArea=styled.ScrollView`
`;
常量Img=样式化的图像`
`;
类LandingPage扩展组件{
render（）{
返回(
聊天
);
}
}

标题.js：

从“样式化组件”导入样式化；
从“React”导入React；
const InnerH1=styled.Text`
字体大小：34px；
字体大小：粗体；
`;
const H1Container=styled.View`
弹性：1；
`;
常量H1=（道具）=>{
返回(
{props.children}
)
};
导出默认H1；

当前，

HeadingWrapper

的背景色是透明的，因为当前没有指定背景色

要创建“框阴影”，只需给

HeadingWrapper

一个与背景相同的背景色

根据提供的屏幕截图，背景颜色为白色。因此，您可以使用白色作为

HeadingWrapper

的背景色

对于内联样式，可以使用以下代码：

<HeadingWrapper style={{ backgroundColor: 'white' }}>
    <Img style={styles.leftArrow} source={LeftArrow}/>
    <H1>Chats</H1>
</HeadingWrapper>


聊天

当前，

HeadingWrapper