Just leaving this here for when I have a little bit more time to make it a little nicer.
Using react-native-drawer to render the drawer.
The whole code of the two components I am using is below or in this gist.
Let’s start with a basic
<Drawer> with a
<ScrollView> with a
<ListView> inside. Since we don’t know the width of the drawer (because of devices with different resolutions) we can’t just set a fixed width to the images (or whatever) inside the grid. Also with flexbox, I didn’t manage to get the desired result, because I needed squares.
So, to create a grid that has let’s say images that have a 50% width, you have to hack a bit.
Cutting here so it’s not messy, click to see the code and read more.