问 - 如何在卡内的背景图像前添加文本

Question

因此，我使用NativeBase作为我的组件框架开发了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,
  }
});

我想在背景图片层前添加一些文字，如下所示： 我怎么能这样做？

Answer 1

检查

hm <- paste(ifelse(grepl("h", df[[1]]), "", "0 h"), df[[1]])
with(read.table(text = hm), 60 * V1 + V3)
## [1] 70 67 60 86 97

这适用于iOS和Android

Answer 2

你尝试过这样的事吗？

<CardItem>
    <Image
      style={{ resizeMode: 'repeat', width: null }}
      source={require('../../assets/bg_1.jpg')}>
        <Text>Holla</Text>
    </Image>
</CardItem>