There are a lot of different ways in which you can style your React applications, and I would even go as far as to say that you actually have more options for styling React applications than traditional web applications. So without further lets list some of these options out:
Now let’s take a closer look at each one of these.
This is the traditional and the most common way of writing CSS. …
An image component for gracefully dealing with image errors, by providing optional lazy loading, an optional placeholder and retries on failure. Particularly useful in situations where your application might be used in poor signal areas such as when travelling on a train, a bus or a car.
(note: these are not mutually exclusive, for example the default behaviour makes use of both a placeholder and retries together.) …
React-Native-Navigation has a really annoying problem, where whenever you switch tabs after first opening your application some part of UI in those tabs, for a split second, jumps into to the top left corner of the screen:
There’s an active issue opened regarding this on GitHub, however, no solution has yet been implemented to fix this.
In the mean time, I found a workaround that worked really well for me:
overflow: 'hidden' to parent
<View> ‘s of all tab components which have this issue, and also to their child components which contain the particular UI that is jumping up.