Make a "multiline" recyclerview
<p>So, normally, a <code>RecyclerView</code> is either horizontal or vertical like below diagram:</p>

<p><a href="https://i.stack.imgur.com/J9rnZ.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/J9rnZ.jpg" alt="enter image description here"></a></p>

<p>I have no problem producing both of above. But now, I want to make a <code>RecyclerView</code> which is "multi-line"-ey (I don't know if this is a correct way to name it). Basically, like in notepad, if you check "Wrap Text", then the off-screen texts will be sent to the next line.</p>

<p>So the behavior is like <code>HorizontalRecyclerView</code> but the items will fill horizontally first before going below.</p>

<p>Assuming each size of the child items is identical, it'll be a good thing too to make it centered on the screen.</p>

<p><strong>Similar like:</strong></p>

<p><a href="https://i.stack.imgur.com/91nhY.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/91nhY.jpg" alt="enter image description here"></a></p>

<p><strong>But not like (It's not centered on the screen):</strong></p>

<p><a href="https://i.stack.imgur.com/iBAkF.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/iBAkF.jpg" alt="enter image description here"></a></p>

<p>Btw, I somehow prefer my collections to be managed by <code>RecyclerView</code> rather than <code>TableLayout</code>, since I never used <code>TableLayout</code> before, and <code>RecyclerView</code> seems the most efficient to reuse a layout of a collections.</p>