Adds a warning about flex: 1 with @emotion/native (#1858)

emotion-js · May 4, 2020 · 52530f0 · 52530f0
1 parent d241776
commit 52530f0
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/native/README.md b/packages/native/README.md
@@ -128,6 +128,10 @@ class App extends React.Component {
 }
 ```
 
+## Gotchas
+
+- Note that the `flex` property works like CSS shorthand, and not the legacy `flex` property in React Native. Setting `flex: 1` sets `flexShrink` to `1` in addition to setting `flexGrow` to `1` and `flexBasis` to `0`.
+
 ## Usage with `react-360`
 
 `@emotion/native` can also be used with `react-360` for styling VR applications. Check out [this](https://facebook.github.io/react-360/docs/setup.html) guide for setting up a `react-360` project.