Note that image sources required this way include size (width, height) info for the Image. If you need to scale the image dynamically (i.e. via flex), you may need to manually set { width: undefined, height: undefined } on the style attribute.
The require syntax described above can be used to statically include audio, video or document files in your project as well. Most common file types are supported including .mp3, .wav, .mp4, .mov, .html and .pdf. See packager defaults for the full list.
You can add support for other types by creating a packager config file (see the packager config file for the full list of configuration options).
+The require syntax described above can be used to statically include audio, video or document files in your project as well. Most common file types are supported including .mp3, .wav, .mp4, .mov, .html and .pdf. See packager defaults for the full list.
You can add support for other types by creating a packager config file (see the packager config file for the full list of configuration options).
A caveat is that videos must use absolute positioning instead of flexGrow, since size info is not currently passed for non-image assets. This limitation doesn't occur for videos that are linked directly into Xcode or the Assets folder for Android.
If you are building a hybrid app (some UIs in React Native, some UIs in platform code) you can still use images that are already bundled into the app.
diff --git a/docs/next/images/index.html b/docs/next/images/index.html index 6f55a22c5aa..f519d92b02c 100644 --- a/docs/next/images/index.html +++ b/docs/next/images/index.html @@ -77,8 +77,8 @@Note that image sources required this way include size (width, height) info for the Image. If you need to scale the image dynamically (i.e. via flex), you may need to manually set { width: undefined, height: undefined } on the style attribute.
The require syntax described above can be used to statically include audio, video or document files in your project as well. Most common file types are supported including .mp3, .wav, .mp4, .mov, .html and .pdf. See packager defaults for the full list.
You can add support for other types by creating a packager config file (see the packager config file for the full list of configuration options).
+The require syntax described above can be used to statically include audio, video or document files in your project as well. Most common file types are supported including .mp3, .wav, .mp4, .mov, .html and .pdf. See packager defaults for the full list.
You can add support for other types by creating a packager config file (see the packager config file for the full list of configuration options).
A caveat is that videos must use absolute positioning instead of flexGrow, since size info is not currently passed for non-image assets. This limitation doesn't occur for videos that are linked directly into Xcode or the Assets folder for Android.
If you are building a hybrid app (some UIs in React Native, some UIs in platform code) you can still use images that are already bundled into the app.
diff --git a/docs/next/performance.html b/docs/next/performance.html index f4a02f88092..3fd3c55bf4f 100644 --- a/docs/next/performance.html +++ b/docs/next/performance.html @@ -324,7 +324,7 @@ module.exports = config; const fs = require('fs'); // Update the following line if the root folder of your app is somewhere else. -const ROOT_FOLDER = path.resolve(__dirname, '..'); +const ROOT_FOLDER = resolve(__dirname, '..'); const config = { transformer: { @@ -341,6 +341,7 @@ module.exports = config; }; }, }, + projectRoot:ROOT_FOLDER, }; module.exports = config; diff --git a/docs/next/performance/index.html b/docs/next/performance/index.html index f4a02f88092..3fd3c55bf4f 100644 --- a/docs/next/performance/index.html +++ b/docs/next/performance/index.html @@ -324,7 +324,7 @@ module.exports = config; const fs = require('fs'); // Update the following line if the root folder of your app is somewhere else. -const ROOT_FOLDER = path.resolve(__dirname, '..'); +const ROOT_FOLDER = resolve(__dirname, '..'); const config = { transformer: { @@ -341,6 +341,7 @@ module.exports = config; }; }, }, + projectRoot:ROOT_FOLDER, }; module.exports = config; diff --git a/docs/next/touchableopacity.html b/docs/next/touchableopacity.html index 6cbc0bae534..6e0033fb4b9 100644 --- a/docs/next/touchableopacity.html +++ b/docs/next/touchableopacity.html @@ -116,6 +116,7 @@ AppRegistry.registerComponent('App', () => AstyleactiveOpacitytvParallaxPropertieshasTVPreferredFocusstyle| Type | Required |
|---|---|
| View.style | No |
activeOpacityDetermines what the opacity of the wrapped view should be when touch is active. Defaults to 0.2.
| Type | Required |
|---|---|
| View.style | No |
activeOpacityDetermines what the opacity of the wrapped view should be when touch is active. Defaults to 0.2.