Reactjs Expo/React Native:无法创建我的定制<;开关/>;视平台而定

Reactjs Expo/React Native:无法创建我的定制<;开关/>;视平台而定,reactjs,react-native,expo,platform,Reactjs,React Native,Expo,Platform,我在世博会上,我的问题是iOS和Android的颜色属性不一样。我已经做了这件事(效果非常好): /。。。 const[hasAcceptedPolicy,setHasAcceptedPolicy]=useState(false); //... 返回( {Platform.OS===“ios”( { 已接受政策 ?setHasAcceptedPolicy(错误) :setHasAcceptedPolicy(true); }} /> )} 我接受这项政策。 ) 我会在其他地方重复使用它,所以我想

我在世博会上,我的问题是iOS和Android的颜色属性不一样。我已经做了这件事(效果非常好):

/。。。
const[hasAcceptedPolicy,setHasAcceptedPolicy]=useState(false);
//...
返回(
{Platform.OS===“ios”(
{
已接受政策
?setHasAcceptedPolicy(错误)
:setHasAcceptedPolicy(true);
}}
/>
)}
我接受这项政策。
)
我会在其他地方重复使用它,所以我想“为什么不制作我自己的组件,这样我就可以在任何地方调用
”,如下所示:

从“/mySwitch”导入mySwitch;
//...
const[hasAcceptedPolicy,setHasAcceptedPolicy]=useState(false);
//...
返回(

功能组件道具是一个对象

尝试像这样分解组件道具:

export default mySwitch = (color, value, onValueChange)

解决方案:

从“React”导入React;
从“react native”导入{开关、平台、视图、文本};
导出默认MySwitch=({
颜色
背景色,
标题
价值
关于价值变化,
}) => {
返回(
{Platform.OS===“ios”(
) : (
)}
{title}
);
};
要调用组件的位置:

/。。。
const[hasAcceptedPolicy,setHasAcceptedPolicy]=useState(false);
//...
返回(
{
已接受政策
?setHasAcceptedPolicy(错误)
:setHasAcceptedPolicy(true);
}}
/>
);
export default mySwitch = ({ color, value, onValueChange })