Raw Text "" must be wrapped in an explicit Text componentのエラー

事象

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

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

回答

エラーメッセージに書いてあるとおりに、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>