1

私は React と React Native にかなり慣れていないので、React NativeBase をいじっています。

単一のファイル内で次の作業を行うことができましたが、今はコードを別々のファイルの複数のコンポーネントに分割しようとしています。

問題は、インポートしたコンポーネントが表示されないことです。私はこれにしばらく苦労してきましたが、何が間違っているのかわかりません...おそらく本当にばかげたことです。

これが私のコードです：

コード/index.ios.js

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';
import {
  Container,
  Title,
  Header,
} from 'native-base';
import MainContent from './main';

class AwesomeNativeBase extends Component {
  render() {
    return (
      <Container>
        <Header>
          <Title>My awesome app</Title>
        </Header>
        <MainContent />
      </Container>
    );
  }
}
AppRegistry.registerComponent('AwesomeNativeBase', () => AwesomeNativeBase);

コード/main.js

import React from 'react';
import { Text } from 'react-native';
import { Content } from 'native-base';

export default class MainContent extends React.Component {
  render() {
    return (
      <Content>
        <Text>Oh hello there!</Text>
      </Content>
    );
  }
}

私はこれを使用して実行しています:

rnpm link
react-native run-ios

明確にするために、コードindex.ios.jsは正常に表示され、ヘッダーは iPhone シミュレーターに表示されますが、テキストは表示されmain.jsません。

どんな助けでも大歓迎です！

4

2 に答える 2

3

現在の NativeBase Container は、主にHeader、Contentおよびを受け入れますFooter。

NativeBase Content は、React Native の Image、View、および ScrollView を取得しますが、他のカスタム コンポーネントは取得しません。

お知らせいただきありがとうございます。

私のチームが解決策をご連絡いたします。

于 2016-10-05T14:53:26.630 に答える