javascript - 警告 : flattenChildren(. ..) 与 react-native Navigator 和 DrawerLayoutAndroid

Question

每次我两次点击抽屉中的相同元素时，我都会收到以下警告:

Warning: flattenChildren(...): Encountered two children with the same key, `scene_1`. Child keys must be unique; when two children share a key, only the first child will be used.  

这是我的代码:

import React from 'react';
import {
    View, Navigator,DrawerLayoutAndroid, Text, TouchableHighlight
} from 'react-native';

const ROUTES = [ { name: 'Main' } ];

export default class App extends React.Component {
    render () {
        return (
            <View style={{ flex: 1 }}>
                <DrawerLayoutAndroid
                    ref="drawer"
                    drawerWidth={300}
                    renderNavigationView={() => (
                        <View>
                            <TouchableHighlight
                                key={ROUTES[0].name}
                                onPress={() => this.refs.navigator.push(ROUTES[0])}
                            >
                                <Text>{ROUTES[0].name}</Text>
                            </TouchableHighlight>
                        </View>
                    )}
                >
                    <Navigator
                        ref="navigator"
                        initialRoute={ROUTES[0]}
                        renderScene={route => <Text>Scene {route.name}</Text>}
                    />
                </DrawerLayoutAndroid>
            </View>
        );
    }
}

目前我不知道如何处理这个问题。对于不同的问题，此警告看起来也很常见。

有人知道如何解决这个问题吗？

Answer 1

看起来，使用 this.refs.navigator.replace(...) 而不是 this.refs.navigator.push(...) 将解决问题。