Answers for "react native background image opacity"

react native view background transparency

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

set background opacity react native

opacity: 0.5 //0 to 1

react background image opacity

// Basic idea is to create a outer and inner div. 
// Header(outer div) will hold an image, while content(inner) 
//will have a opacity
const styles = {
  header: {
    backgroundImage: `url(${background})`,
    height: '100vh',
    backgroundPosition: 'center',
    backgroundRepeat: 'no-repeat',
    backgroundSize: 'cover'
  },

  content: {
    height: '100%',
    width: '100%',
    backgroundColor: 'rgba(0, 0, 0, 0.5)',
  }
}

<div style={styles.header}>
  <div style={styles.content}>
     Portfolio
  </div>
</div>