Question

这是一个React Native项目。我正在使用Redux和react-native-router-flux。

我的错误是这样道具“布局”在“帐户”中标记为必填项，但其值为“未定义”

在路线代码中，我有一个这样的场景，肯定在元素中传递了“布局”。

<Scene
        key="account"
        title="Account"
        icon={({focused}) => (<Icon name="heart-outline" type="MaterialCommunityIcons" style={[{ color: focused ? activeColor : inactiveColor }, { height: 30, width: 30 }]} />)}
        navBar={() => <MyHeader onLeftPressed={Actions.pop} onRightPressed={Actions.addcards} text="Account" back={false} />}
        {...DefaultProps.navbarProps} Layout={AccountComponent}
        component={AccountContainer}>
    </Scene>

我当然包括了文件

import AccountComponent from '../components/Account';

这是“ AccountContainer”代码的一部分

const Account = ({
  Layout,
  locale
}) => (
  <AccountComponent 
    locale={locale} 
  />
);

我可以通过“布局”传递AccountComponent而不是在上面的代码中显式编写它吗？但似乎“布局”未定义

更多信息是，当我将页面切换到“帐户”时，我使用此代码来切换页面。

_gotoAccount() {
Actions.replace('account');

}

我不知道此替换操作是否清除了道具/更改了某些内容？

Answer 1

对于以后遇到此问题的人们：确保场景中是否有关键点，这些关键点是唯一的。

我有两个使用相同键的场景，花了很多时间解决一个愚蠢的问题。

react-native-router-flux该道具已标记为必填项，但其值为“未定义”

1 个答案: