diff --git a/docs/stylesheet.md b/docs/stylesheet.md index 62f32c8f805..78918aeb374 100644 --- a/docs/stylesheet.md +++ b/docs/stylesheet.md @@ -252,70 +252,6 @@ export default App; --- -### `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.: - -```SnackPlayer name=absoluteFillObject -import React from 'react'; -import {StyleSheet, Text, View} from 'react-native'; -import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context'; - -const App = () => ( - - - - 1 - - - 2 - - - 3 - - - -); - -const styles = StyleSheet.create({ - container: { - flex: 1, - }, - box1: { - position: 'absolute', - top: 40, - left: 40, - width: 100, - height: 100, - backgroundColor: 'red', - }, - box2: { - ...StyleSheet.absoluteFillObject, - top: 120, - left: 50, - width: 100, - height: 100, - backgroundColor: 'blue', - }, - box3: { - ...StyleSheet.absoluteFillObject, - top: 120, - left: 120, - width: 100, - height: 100, - backgroundColor: 'green', - }, - text: { - color: '#FFF', - fontSize: 80, - }, -}); - -export default App; -``` - ---- - ### `hairlineWidth` This is defined as the width of a thin line on the platform. It can be used as the thickness of a border or division between two elements. Example: diff --git a/website/versioned_docs/version-0.85/stylesheet.md b/website/versioned_docs/version-0.85/stylesheet.md index e5e9283bc59..4e01391e19f 100644 --- a/website/versioned_docs/version-0.85/stylesheet.md +++ b/website/versioned_docs/version-0.85/stylesheet.md @@ -252,70 +252,6 @@ export default App; --- -### `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.: - -```SnackPlayer name=absoluteFillObject -import React from 'react'; -import {StyleSheet, Text, View} from 'react-native'; -import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context'; - -const App = () => ( - - - - 1 - - - 2 - - - 3 - - - -); - -const styles = StyleSheet.create({ - container: { - flex: 1, - }, - box1: { - position: 'absolute', - top: 40, - left: 40, - width: 100, - height: 100, - backgroundColor: 'red', - }, - box2: { - ...StyleSheet.absoluteFillObject, - top: 120, - left: 50, - width: 100, - height: 100, - backgroundColor: 'blue', - }, - box3: { - ...StyleSheet.absoluteFillObject, - top: 120, - left: 120, - width: 100, - height: 100, - backgroundColor: 'green', - }, - text: { - color: '#FFF', - fontSize: 80, - }, -}); - -export default App; -``` - ---- - ### `hairlineWidth` This is defined as the width of a thin line on the platform. It can be used as the thickness of a border or division between two elements. Example: diff --git a/website/versioned_docs/version-0.86/stylesheet.md b/website/versioned_docs/version-0.86/stylesheet.md index 62f32c8f805..78918aeb374 100644 --- a/website/versioned_docs/version-0.86/stylesheet.md +++ b/website/versioned_docs/version-0.86/stylesheet.md @@ -252,70 +252,6 @@ export default App; --- -### `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.: - -```SnackPlayer name=absoluteFillObject -import React from 'react'; -import {StyleSheet, Text, View} from 'react-native'; -import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context'; - -const App = () => ( - - - - 1 - - - 2 - - - 3 - - - -); - -const styles = StyleSheet.create({ - container: { - flex: 1, - }, - box1: { - position: 'absolute', - top: 40, - left: 40, - width: 100, - height: 100, - backgroundColor: 'red', - }, - box2: { - ...StyleSheet.absoluteFillObject, - top: 120, - left: 50, - width: 100, - height: 100, - backgroundColor: 'blue', - }, - box3: { - ...StyleSheet.absoluteFillObject, - top: 120, - left: 120, - width: 100, - height: 100, - backgroundColor: 'green', - }, - text: { - color: '#FFF', - fontSize: 80, - }, -}); - -export default App; -``` - ---- - ### `hairlineWidth` This is defined as the width of a thin line on the platform. It can be used as the thickness of a border or division between two elements. Example: