【Element type is invalid】react-native-elementsのCheckboxを実装しています。

Question

ゴミ通知アプリを作成しており、react-native-elements の Checkbox を実装しています。
コードに反映したところ、以下のエラーが発生しました。

Element type is invalid: expected a string (for bulit-in components) or a class/function (for composite components) but got: undefined.

以下は、今回書いているReminderScreenの全文になります。
初心者で申し訳ないですが、ご教示いただけるとうれしいです。

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { Checkbox, Icon } from 'react-native-elements';
import ReminderItem from "../components/ReminderItem";
import { Image, StyleSheet, Text, View, TouchableHighlight } from 'react-native';

export default function ReminderScreen() {
  return (
    <View style={styles.container}>
      <View style={styles.checkbox}>
        <Checkbox
          title="Click Here"
          icon={{name:"dot-circle-o"}}
        />
      </View>
      <ReminderItem text="燃えるごみ"/>
      <ReminderItem text="容器包装プラスチック"/>
      <ReminderItem text="缶・金属類"/>
      <ReminderItem text="ビン類"/>
      <ReminderItem text="埋め立てごみ"/>
      <ReminderItem text="家族や友だちに教える"/>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
  },
  checkbox: {
    top:50,
  },
});

Answer 1

エラーメッセージのとおり、どれかのコンポーネントがundefinedとなっています。

ライブラリがあるか、インポートする名前や方法が間違っていないか確認してみましょう。

Comments

[ok09]

回答ありがとうございます。
おっしゃる通り、エラーメッセージを読んで確認したら修正できました！
助かりました。

Answer 2

アイコン付きチェックボックスの実装方法が違いませんか？

• 公式 CheckBox

Comments

[ok09]

いつもありがとうございます。
今回も助かりました！