Reactjs 左侧不显示本机基本图标_Reactjs_React Native_Native Base

Reactjs 左侧不显示本机基本图标

reactjs react-native

Reactjs 左侧不显示本机基本图标,reactjs,react-native,native-base,Reactjs,React Native,Native Base,我正在使用本机库。我有一个图标菜单，当点击打开左面板。我在标题和左边有一个图标。但我不知道为什么这个图标会出现在中间的某个地方，如下图所示。它应该出现在左边这就是我正在尝试的代码。有人能告诉我为什么会出现这个错误吗 import React, { Component } from 'react'; import { View, Text, StyleSheet } from 'react-native'; import { Header, Left, Right, Icon } from

我正在使用本机库。我有一个图标菜单，当点击打开左面板。我在标题和左边有一个图标。但我不知道为什么这个图标会出现在中间的某个地方，如下图所示。它应该出现在左边

这就是我正在尝试的代码。有人能告诉我为什么会出现这个错误吗

import React, { Component } from 'react';
import { View, Text, StyleSheet } from 'react-native';

import { Header, Left, Right, Icon } from 'native-base';

class HomeScreen extends Component {
    render() {
        return (
            <View style={styles.container}>
                <Header>
                    <Left>
                        <Icon name="menu" onPress={() => this.props.navigation.openDrawer()} />
                    </Left>
                </Header>
                <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
                    <Text>HomeScreen</Text>
                </View>
            </View>
        );
    }
}

export default HomeScreen;

const styles = StyleSheet.create({
    container: {
        flex: 1
    }
})

import React，{Component}来自'React'；
从“react native”导入{View，Text，StyleSheet}；
从“本机基”导入{头，左，右，图标}；
类主屏幕扩展组件{
render（）{
返回(
this.props.navigation.openDrawer（）}/>
主屏幕
);
}
}
导出默认主屏幕；
const styles=StyleSheet.create({
容器：{
弹性：1
}
})

如果对任何NativeBase组件使用

Left

或

Body

或

Right

，则必须包括这3个，以对齐组件

所以在你的情况下

<Header>
  <Left><Icon /></Left>
  <Body />
  <Right />
</Header>