How to create an hexagon image in react native

Question

I'm trying to make an Image into hexagon in react native but I don't know how to do that. Here is the expected result: hexagon

could you provide an example of the expected result? – Henning Hall May 17 '18 at 17:32 — Henning Hall, May 17 '18 at 17:32
I updated my question and add the expected result. – mina May 17 '18 at 17:55 — mina, May 17 '18 at 17:55

Chirag Sharma · Answer 1 · 2018-09-05T13:20:30.220

I was able to create a perfect hexagon Image View using react-native-shape-image-view dependency.

Here is the screenshot:-

But it requires following changes before we can use it.

change buildToolsVersion "23.0.1" to buildToolsVersion "25.0.0"
change import of PropTypes from 'react' to import PropTypes from 'prop-types' inside node_modules\react-native-shape-image-view\lib\hexagonView.

You have to change this import in every file where PropTypes are used. inside

node_modules\react-native-shape-image-view\lib\

You may face some linking issues in the installation of this dependency but it will work. Refer Installation instruction at given link of this dependency.

How to create an hexagon image in react native

1 Answers1