0

GlobalHeader別のファイルからコンポーネント クラスを呼び出そうとしています。
問題は、他のタグにあるときはいつでも表示されないことです。

私はもう試した：

  1. StyleSheetにwithflex: 1を追加 しContainer、HeaderGlobalHeader
  2. コンポーネントの取り外しnative-baseとコンポーネントの貼り付けreact-native 。
  3. いじくり回すexport default（これが問題なのかな）
  4. ES6importを NodeJS に置き換えるrequire
  5. の構造をいじるGlobalHeader（コンテナを入れるなど）

ここで正常に呼び出してレンダリングできます。

レンダリング成功

別のタグにある場合。はい、あらゆる種類のタグを試しました:

ここに画像の説明を入力

予想される出力 (はい、アイコンを修正する方法を知っています):

ここに画像の説明を入力

のコードDetails.js:

import React, { Component } from 'react';
import { Container, Content, List, ListItem, Text, Header, Title, Button, Icon } from 'native-base';

import GlobalHeader from "../components/GlobalHeader";

export default class Details extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <Container>
        <GlobalHeader />
        <Content>
            <List dataArray={this.props.crate}
                renderRow={(item) =>
                    <ListItem>
                        <Text>{item}</Text>
                    </ListItem>
                }>
            </List>
        </Content>
      </Container>

        // <GlobalHeader />
    );
  }
}

module.exports = Details;

のコードGlobalHeader.js:

import React, { Component } from 'react';
import { Container, Content, List, ListItem, Text, Header, Title, Button, Icon } from 'native-base';

export default class GlobalHeader extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (

        <Header>
          <Button transparent>
              <Icon name='ios-arrow-back' />
          </Button>

          <Title>Header</Title>

          <Button transparent>
              <Icon name='ios-menu' />
          </Button>
        </Header>

    );
  }
}

module.exports = GlobalHeader;

助けていただければ幸いです。ルート/ナビゲーターを変更していません。
この問題に遭遇したときにのみES6について読んだので、ES6の問題である可能性がありますか?

4

2 に答える 2

1

これは回答済みです。ここと Issue #297を確認してください。

現在、NativeBase はカスタム コンポーネントをサポートしていません。

そして、これは NativeBase の書き換えで修正される予定です

于 2016-12-15T13:44:12.387 に答える