Question

我正在使用本机库。我有一个图标菜单，单击单击可打开左侧面板。我在标题内和左侧都有图标。但是我不确定为什么该图标会出现在中间位置，如下图所示。它应该出现在左侧。

这是我正在尝试的代码。谁能说出出现此错误的原因。

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
    }
})

Answer 1

如果将Left或Body或Right与任何NativeBase组件一起使用，则必须包括这3个以对齐组件

对于您来说，

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

左侧未显示基于本机的图标

1 个答案: