2

ネイティブ ベースドキュメントをベースとして使用して、FooterTab を作成しました。

アイコン要素をボタンに追加すると、次のエラーが表示されます: undefined is not an object (evaluation 'child.props.children.props.name') from FooterTab.js:114 (その後変更され、現在は142 行目)。

以下は、レンダリング関数で使用しているコードです。

<Footer>
      <FooterTab>
          <Button active={this.state.detailsTab} onPress={() => this.toggleDetailsTab()}>
              Details
              <Icon name='ios-home' style={globalStyles.inspectionsItemIcon} />
          </Button>
          <Button active={this.state.inspectionTab} onPress={() => this.toggleInspectionTab()}>
              Inspection
          </Button>
          <Button active={this.state.insectsTab} onPress={() => this.toggleInsectsTab()}>
              Insects
          </Button>
          <Button active={this.state.radonTab} onPress={() => this.toggleRadonTab()}>
              Radon
          </Button>
      </FooterTab>
</Footer>

最初のボタンからアイコンを削除すると、すべてうまくいきます。

何か案は？前もって感謝します。

4

2 に答える 2

1

Icon コンポーネントが NativeBase からインポートされているかどうかを確認してください:

import { Icon } from 'native-base';

FooterTab.js は、88 行目で NativeBase の Icon コンポーネントをチェックします。

1 つでない場合は、142 行目の 'name' プロパティをロードするだけで、2 つの子 ('Details' テキストと Icon コンポーネント) があるため、エラーが発生します。

于 2016-11-01T09:57:19.270 に答える
0

以前のバージョンのドキュメントを参照しています

最新のドキュメントでフッター タブを確認する

また、NativeBase コンポーネントを紹介するNativeBase KitchenSinkも確認できます。

NativeBase KitchenSink のフッター タブを確認する

于 2016-12-19T05:28:56.927 に答える