Feature/inserter modal

[mzorz]

UPDATE: this PR is ready for review now.

This PR adds a new BlockPicker component that shows the list of available (registered) blocks on a FlatList using the modal library react-native-modal.

• First blocks and action/props connectivity is in place
• worked a bit on styles, to make a better match (though not final) to what the designs show in Inserter #58
• a new "ADD BLOCK HERE" label is shown when the picker is shown, to hint the user about where the block insertion is going to happen

ToDo

• To be tackled separately: the rendering of the icon for each BlockType from dashicons will be done once Implement toolbar on React Native WordPress/gutenberg#9012 and Feature/toolbar #117 get merged

Updated gif

[hypest]

👋@mzorz, can we use the "Scrollable modal" half-height example from the react-native-modal as demonstrated in https://raw.githubusercontent.com/mmazzarolo/react-native-modal/master/.github/example-modal.gif (last one on the gif)?

That should get us closer to the designs for the Inserter. Any background info perhaps on why we need to do the full screen modal first?

[mzorz]

👋@mzorz, can we use the "Scrollable modal" half-height example

sure thing @hypest ! Was planning on focusing on making it look as we want tomorrow. This only is for the moment a first rough attempt that I wanted to put on the repo to make progress visible as I perform work on it, just for reference. That's why I marked this PR not ready for review in the first place 😉

Will remove the label and ping reviewers once it's ready for review 👍

[mzorz]

Still a long way to go (not ready for review yet), but here's the modal anchored to the bottom:

[koke]

I can see the translucent background sliding in 😁
But it looks amazing for a first iteration 👏 🍾 🥂

[mzorz]

I can see the translucent background sliding in 😁

Me too 😉 hehe there's still tweaks needed, we'll get to nail all those details soon 👍

Thanks for your review&merge @koke !

[hypest]

Just wanted to comment here that I ❤️ how this work on the Inserter has progressed! Good job @mzorz !