os-info | Application easily parsing and displaying system information

For drawerLabel you have directly set an object which is wrong

That was asked multiple times in Angular-Slickgrid, see these issues #7 and #148 and this other Stack Overflow Question How to render custom angular component instantly in angular slickgrid

The short answer is NO you cannot do that with a Custom Formatter, but you can do it with asyncPostRenderer and here's the Wiki - Using Angular Component with asyncPostRenderer and here's the Example 22 with a sample.

BUT using asyncPostRenderer has lots of disadvantage and I wrote them in the Wiki, here's the main part:

First of... Why can't we use Angular Component with Customer Formatters? Because of how Angular is built, it requires a full cycle for the component to be rendered with data, however SlickGrid Formatter requires only string output and it must be right away (synchronous) and Angular Component can only be returned in an async fashion (you could return it right away but the data won't be populated). That is the reason that it's not doable with a Formatter, however SlickGrid offers asyncPostRender which is similar to a Formatter and works in an async fashion. So that works, but it has some drawback, since it's async, it is slightly slower to render (you might visually see it rendering on the screen). All that to say, regular Formatters with jQuery and/or HTML is still the preferred way (at least to me)... but hey, if you really wish to use Angular Component, well then it's possible, just remember it's async though and slightly slower to render.

Then I finish with this

A Better Solution is to use Custom Formatters as much as possible because using an Angular Components with asyncPostRender are SLOW (you are warned). They are slow because they require a full cycle, cannot be cached and are rendered after each rows are rendered (because of their asynchronous nature), while Custom Formatters are rendered at the same time as the row itself since they are synchronous in nature.

If you really wish to give it a try (I'm nearly sure that you'll change your mind after trying it), here's the code

You can just pass color prop to the Icon component.

I would suggest you wrap MyFlatList and DetailsScreen with a stack navigator.

You can just set the id in showInfo state and then check if showInfo id is the same as the itemData.item.id.

basically you would have a state like this.

You should place it here ,

I accomplished this with react-redux. Roughly something like this:

Use defaultNavigationOptions for customizing your tabBar