浜松のWEBシステム開発・スマートフォンアプリ開発・RTK-GNSS関連の開発はお任せください
株式会社シーポイントラボ
TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:静岡県浜松市中区富塚町1933-1 佐鳴湖パークタウンサウス2F

【react-native】Invariant Violation: Tried to register two views with the same name RCTTextInlineImageが起きる原因について

react-native-mapをインストールしてファイルに追加->ビルドしようとしたところ、以下のエラーが発生。

Invariant Violation: Tried to register two views with the same name RCTTextInlineImage

修正前のコード

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <Text>Open up App.js to start working on your app!</Text>
	<MapView
	    initialRegion={{
	      latitude: 37.78825,
	      longitude: -122.4324,
	      latitudeDelta: 0.0922,
	      longitudeDelta: 0.0421,
	    }}
	  />
      <StatusBar style="auto" />
    </View>
  );
}

mapとtextは同じview内で共存できない。

修正後のコード

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, View } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
	<MapView
	    initialRegion={{
	      latitude: 37.78825,
	      longitude: -122.4324,
	      latitudeDelta: 0.0922,
	      longitudeDelta: 0.0421,
	    }}
	  />
      <StatusBar style="auto" />
    </View>
  );
}

importのtextとview内にあったテキストを削除で解決。

  • この記事いいね! (0)