How to create a translucent in React Native?

You will need to apply some styles such as opacity and border radius, it’s pretty simple actually:

textfield: {
  backgroundColor: 'rgba(255,255,255,0.4)',
  borderRadius: 5,
  width: 250,
  height: 40,
  padding: 5,
}

Here’s a working example: https://rnplay.org/apps/I-jDRg

Good luck!

Leave a Comment