javascript - 質問 - カード内の背景画像の前にテキストを追加する方法

Question

そのため、NativeBase を Component フレームワークとして使用して React Native App を開発しています。
カードコンポーネントを使用しています。
これは私のコードです:

render(){
    return(
      <View>
          <View style={[styles.cardWrapper]}>
            <Card>
              <CardItem>
                <Image style={{ resizeMode: 'repeat', width: null }} source={require('../../assets/bg_1.jpg')} />
              </CardItem>
              <CardItem>
                <Icon name='ios-musical-notes' style={{color : '#ED4A6A'}} />
                <Text>Listen now</Text>
              </CardItem>
            </Card>
          </View>
      </View>
    )
  }

これは私のcssです：

const styles = StyleSheet.create({
  cardWrapper:{
    padding: 20,
  }
});

背景画像レイヤーの前にテキストを配置したいのですが、次のようにします: どうすればできますか?