HOME > 問題解決一覧 > Raw Text "" must be wrapped in an explicit Text componentのエラー

事象

React Nativeにてビルドして起動すると下記のエラーが表示されます。

Raw Text 文字列 must be wrapped in an explicit Text component

react native rawtext error

回答

エラーメッセージに書いてあるとおりに、Viewを表示するXMLの記述の中でコンポーネントの中に文字列を指定している場合、<Text>〜</Text>で囲わないとエラーが表示されます。

エラーが表示される例

<Content>
    <List>
    <ListItem >
        <Badge>1</Badge> <- ここの「1」の文字を<Text>〜</Text>で囲まないとダメ
    </ListItem>
    <ListItem>
        <Badge primary><Text>2</Text></Badge>
    </ListItem>
    <ListItem>
        <Text>List 3</Text>
    </ListItem>
    </List>
</Content>

コメント

この記事に関する質問やご意見・ご感想がありましたら、下記よりコメントください。
Githubアカウントでログインしていれば誰でも投稿できます。