React-Native - 按钮显示问题

Question

我非常新react-native，所以我只是偶然发现用户指南，并试图解决问题。

我无法按下按钮显示我认为我已经正确完成了。寻找一些关于它为什么不出现的建议。

退出按钮组件：

import React from 'react';
import { Button, Icon } from 'native-base';

// Create our logout button
const LogoutButton = ({ children, buttonStyle, onPress, icon, text }) => {

  return (
    <Button onPress={onPress} style={buttonStyle}>
      <Icon name={icon} />
      {text}
    </Button>
  );

};

export { LogoutButton };

用户面板：

import React, { Component } from 'react';
import { Container, Header, Title, Content, Footer, FooterTab, Button, Icon, Text } from 'native-base';
import firebase from 'firebase';
import { LogoutButton } from './common';


export default class UserPanel extends Component {
render() {
    return (
        <Container>
            <Header>
            <Button transparent>
                <Icon name='ios-menu' />
            </Button>
                <Title>Dashboard</Title>
                <LogoutButton text="Logout" icon="ios-home" style={styles.logout} onPress={() => firebase.auth().signOut()} />
            </Header>
        </Container>
    );
  }
}

按钮应位于“信息中心”的右侧。

我猜这与造型有关？

Answer 1

在最新的NativeBase Header.js第77行以后，将对其子项执行类型检查，并仅呈现以下组件：<Button>，<Title>，<Subtitle>，{ {1}}。

即使<InputGroup>正在返回<LogoutButton>组件，由于其类型，它仍会被忽略。