无法在导航栏中显示左侧组件图标

Question

我将 react-native-navigation-bar 添加到我的项目中。我想将左侧图标显示为侧边栏图标。我尝试了这段代码，但没有显示任何内容：

   <NavigationBar
    title={'New Tech'}
    height={80}
    titleColor={'#fff'}
    leftComponent={<Icon name="rocket"/> }
    />

ps：我正在安装 react-native-vector-icons 并通过以下方式导入：

import Icon from 'react-native-vector-icons/FontAwesome';

感谢任何帮助。

Answer 1

这取决于您的导航版本，但它被称为left 或headerLeft（较新的版本是较晚的）：

static navigationOptions = ({ navigation }) => ({
    title: `whatever`,
    headerLeft: <Button title="" onPress={() => {/*do something*/}} />,
});