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

Кнопка должна быть справа от "Dashboard".

Я предполагаю, что это имеет какое-то отношение к стилю?

Answer 1

В последних NativeBase Header.js Line 77 года, проверка типа будут выполняться на своих детей и делают только следующие компоненты: <Button>, <Title>, <Subtitle>, <InputGroup>.

Даже <LogoutButton> возвращает <Button> компонент, он по-прежнему будет игнорироваться из-за его типа.