diff --git a/releases/next/docs/stylesheet.html b/releases/next/docs/stylesheet.html index dd5ef911d6a..8a01750116c 100644 --- a/releases/next/docs/stylesheet.html +++ b/releases/next/docs/stylesheet.html @@ -26,7 +26,16 @@ Example:
A very common pattern is to create overlays with position absolute and zero positioning,
+so absoluteFill can be used for convenience and to reduce duplication of these repeated
+styles.
Sometimes you may want absoluteFill but with a couple tweaks - absoluteFillObject can be
+used to create a customized entry in a StyleSheet, e.g.:
const styles = StyleSheet.create({ + wrapper: { + ...StyleSheet.absoluteFillObject, + top: 10, + backgroundColor: 'transparent', + }, + });
Flattens an array of style objects, into one aggregated style object. Alternatively, this method can be used to lookup IDs, returned by StyleSheet.register.
NOTE: Exercise caution as abusing this can tax you in terms of optimizations.
IDs enable optimizations through the bridge and memory in general. Refering diff --git a/releases/next/docs/tutorial-core-components.html b/releases/next/docs/tutorial-core-components.html index 6fd52bf3990..da67cfd9c46 100644 --- a/releases/next/docs/tutorial-core-components.html +++ b/releases/next/docs/tutorial-core-components.html @@ -30,7 +30,8 @@ const App = } // App registration and rendering -AppRegistry.registerComponent('MyApp', () => App);
Direct text-based user input is a foundation for many apps. Writing a post or comment on a page is a canonical example of this. TextInput is a basic component that allows the user to enter text.
This example creates a simple TextInput box with the string Hello as the placeholder when the TextInput is empty.
Direct text-based user input is a foundation for many apps. Writing a post or comment on a page is a canonical example of this. TextInput is a basic component that allows the user to enter text.
This example creates a simple TextInput box with the string Hello as the placeholder when the TextInput is empty.