0.20 will be focused on the "Image" milestone:https://github.com/necolas/react-native-web/milestone/18

Notes

StyleSheet runtime for compilers

babel-plugin-react-native-web has a new optionlegacy, which istrue by default. Set it tofalse and the plugin will no longer rewrite any'react-native' paths, with the exception of theStyleSheet import.

{  "plugins": [    [babelPluginReactNativeWeb, { "legacy": false }]  ]}

TheStyleSheet import is rewritten to[..]/StyleSheet/runtime.

import{StyleSheet}from'react-native'// => import StyleSheet from 'react-native-web/dist/exports/StyleSheet/runtime'

The runtime is onlyStyleSheet() withoutcreate,compose,flatten, etc., support.

// errors at runtimeStyleSheet.create({})

Thelegacy:false option should be used only if a built-time compiler is being used to extract styles to CSS, and either inline results or error the otherStyleSheet method calls React Native includes. The compiler output should follow the style object format described by thestyleq runtime.

This is an experiment to add a mechanism to exclude the runtime style compiler from builds. It's open to feedback and iteration.

Changelog

New features

• Image: support for ImageSource with headers.
• Image: fix image caching.
• StyleSheet: option to remove runtime compiler.