comment faire des boutons translucides sur une image dans reac-native en utilisant native-base?

Question

J'essayais de faire des boutons comme montré dans la capture d'écran. Mais je n'arrive pas à comprendre comment je peux les rendre translucides.

import React, { Component } from 'react'; 
import {Image} from 'react-native'; 
import {Button, Content} from 'native-base'; 

export default class AppBody extends Component { 
    render() { 
     return (
      <Content> 

       <Image source={require('./img/bg3.jpg')} style={{ width: 360, height: 509 }}> 




       </Image> 
      </Content> 
     ); 
    } 
}; 

Answer 1

Utiliser la valeur de rgba pour les backgroundColoras suit:

backgroundColor: 'rgba(52, 52, 52, 0.8)' 

Cela lui donne une couleur grise avec une opacité de 80%, qui est dérivée de la virgule d'opacité, 0,8 . Cette valeur peut être comprise entre 0,0 et 1,0.

Copié à partir de this answer.