Значок родной базы не отображается слева - PullRequest
Новая
       8

Значок родной базы не отображается слева

0 голосов
/ 29 августа 2018

Я использую библиотеку native-base. У меня есть значок меню, которое при нажатии открывает левую панель. У меня есть значок внутри заголовка и слева. Но я не уверен, почему этот значок находится где-то посередине, как показано на рисунке ниже. Это должно появиться на левой стороне.

enter image description here

Это код, который я пытаюсь. Кто-нибудь может сказать, почему эта ошибка появляется. 

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

1 Ответ

0 голосов
/ 29 августа 2018

Если вы используете Left или Body или Right с любым компонентом NativeBase, вы должны включить эти 3, чтобы выровнять компоненты

Так что в вашем случае, 

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