A line with hairline width may not be visible if your simulator is downscaled.
absoluteFillA very common pattern is to create overlays with position absolute and zero positioning (position: 'absolute', left: 0, right: 0, top: 0, bottom: 0), so absoluteFill can be used for convenience and to reduce duplication of these repeated styles.
absoluteFillObjectSometimes you may want absoluteFill but with a couple tweaks - absoluteFillObject can be used to create a customized entry in a StyleSheet, e.g.:
+A very common pattern is to create overlays with position absolute and zero positioning (position: 'absolute', left: 0, right: 0, top: 0, bottom: 0), so absoluteFill can be used for convenience and to reduce duplication of these repeated styles. If you want, absoluteFill can be used to create a customized entry in a StyleSheet, e.g.:
const styles = StyleSheet.create({
wrapper: {
- ...StyleSheet.absoluteFillObject,
+ ...StyleSheet.absoluteFill,
top: 10,
backgroundColor: 'transparent',
},
diff --git a/docs/next/stylesheet/index.html b/docs/next/stylesheet/index.html
index 2fd102a6cf6..b27bf28f037 100644
--- a/docs/next/stylesheet/index.html
+++ b/docs/next/stylesheet/index.html
@@ -138,13 +138,10 @@ StyleSheet.f
A line with hairline width may not be visible if your simulator is downscaled.
absoluteFill
-A very common pattern is to create overlays with position absolute and zero positioning (position: 'absolute', left: 0, right: 0, top: 0, bottom: 0), so absoluteFill can be used for convenience and to reduce duplication of these repeated styles.
-
-absoluteFillObject
-Sometimes you may want absoluteFill but with a couple tweaks - absoluteFillObject can be used to create a customized entry in a StyleSheet, e.g.:
+A very common pattern is to create overlays with position absolute and zero positioning (position: 'absolute', left: 0, right: 0, top: 0, bottom: 0), so absoluteFill can be used for convenience and to reduce duplication of these repeated styles. If you want, absoluteFill can be used to create a customized entry in a StyleSheet, e.g.:
const styles = StyleSheet.create({
wrapper: {
- ...StyleSheet.absoluteFillObject,
+ ...StyleSheet.absoluteFill,
top: 10,
backgroundColor: 'transparent',
},