Задать вопрос - как добавить текст перед фоновым изображением внутри карты

Question

Итак, я разрабатываю приложение React Native с использованием NativeBase в качестве моей компоновки компонентов.
Я использую компонент карты.
Это мои коды:

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

Проверить это

<CardItem> 
    <Image 
     style={{ resizeMode: 'repeat', paddingTop: 60, width: null }} 
     source={require('../../assets/bg_1.jpg')}> 
     <Text style={{ textAlign: 'center', backgroundColor: 'transparent', color: '#fff' }}>Holla</Text> 
    </Image> 
</CardItem> 

Это работает для обоих, МО и Android

Answer 2

Вы попробовали что-то вроде этого?

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