Javascript 如何通过一个道具组件的风格反应原生？

我试图在react native中创建一个黑色主题按钮主题，因此我需要通过主题提供程序通过BackgroundImage更改图像，但是当我尝试向前移动道具时，它就是不起作用

index.js

import { Background } from "./styles";
<Background source={props.backgroundImage} />

export const Background = styled.ImageBackground.attrs(
require(props => props.theme.backgroundImage))``;

我的app.js：

import React from "react"; 
import themes from './src/themes'; 
<ThemeProvider theme={themes.light}> 
  <NavigationContainer> 
    <MainStacks /> 
  </NavigationContainer> 
 </ThemeProvider> 

export default {backgroundImage: "../../../assets/background.png"}

---

它返回错误：

错误：找不到模块“函数（props）{return props.theme.backgroundImage；}”

请添加实际发生的情况。尝试并解释更多你所说的“它就是不起作用”是什么意思。很抱歉，我是一个初学者，我认为对于更高级的软件来说，错误很简单。基本上，我正在尝试传递一个道具来反应本机的ImageBackground，这将是一个由样式化组件和ThemeProvider定义的图像。它返回错误：错误：找不到模块的函数（props）{return props.theme.backgroundImage；}'请编辑您的帖子以包含相关信息，不要将其放在评论中。