ネイティブベースを使用して反応ネイティブで画像上に半透明ボタンを作成する方法？

Question

私はスクリーンショットに示されているようにボタンを作ろうとしていましたが、どうやってそれらを半透明に見せることができないのか分かりません。 backgroundColorasため

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

使用RGBA値は、以下のとおり

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

これは0.8、不透明小数由来する80％の不透明度、グレー色に設定します。この値には、0.0〜1.0の値を指定できます。

this answerからコピーされました。