Skip to content

Commit 6224eee

Browse files
SimekSimek
committed
Merge branch 'main' of https://github.com/facebook/react-native-website into update-docusaurus-ts-and-other-dependencies
2 parents e11fc30 + 04e55e9 commit 6224eee

3 files changed

Lines changed: 0 additions & 192 deletions

File tree

‎docs/stylesheet.md‎

Lines changed: 0 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -252,70 +252,6 @@ export default App;
252252
253253
---
254254
255-
### `absoluteFillObject`
256-
257-
Sometimes you may want `absoluteFill` but with a couple tweaks - `absoluteFillObject` can be used to create a customized entry in a `StyleSheet`, e.g.:
258-
259-
```SnackPlayer name=absoluteFillObject
260-
import React from 'react';
261-
import {StyleSheet, Text, View} from 'react-native';
262-
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
263-
264-
const App = () => (
265-
<SafeAreaProvider>
266-
<SafeAreaView style={styles.container}>
267-
<View style={styles.box1}>
268-
<Text style={styles.text}>1</Text>
269-
</View>
270-
<View style={styles.box2}>
271-
<Text style={styles.text}>2</Text>
272-
</View>
273-
<View style={styles.box3}>
274-
<Text style={styles.text}>3</Text>
275-
</View>
276-
</SafeAreaView>
277-
</SafeAreaProvider>
278-
);
279-
280-
const styles = StyleSheet.create({
281-
container: {
282-
flex: 1,
283-
},
284-
box1: {
285-
position: 'absolute',
286-
top: 40,
287-
left: 40,
288-
width: 100,
289-
height: 100,
290-
backgroundColor: 'red',
291-
},
292-
box2: {
293-
...StyleSheet.absoluteFillObject,
294-
top: 120,
295-
left: 50,
296-
width: 100,
297-
height: 100,
298-
backgroundColor: 'blue',
299-
},
300-
box3: {
301-
...StyleSheet.absoluteFillObject,
302-
top: 120,
303-
left: 120,
304-
width: 100,
305-
height: 100,
306-
backgroundColor: 'green',
307-
},
308-
text: {
309-
color: '#FFF',
310-
fontSize: 80,
311-
},
312-
});
313-
314-
export default App;
315-
```
316-
317-
---
318-
319255
### `hairlineWidth`
320256
321257
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:

‎website/versioned_docs/version-0.85/stylesheet.md‎

Lines changed: 0 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -252,70 +252,6 @@ export default App;
252252
253253
---
254254
255-
### `absoluteFillObject`
256-
257-
Sometimes you may want `absoluteFill` but with a couple tweaks - `absoluteFillObject` can be used to create a customized entry in a `StyleSheet`, e.g.:
258-
259-
```SnackPlayer name=absoluteFillObject
260-
import React from 'react';
261-
import {StyleSheet, Text, View} from 'react-native';
262-
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
263-
264-
const App = () => (
265-
<SafeAreaProvider>
266-
<SafeAreaView style={styles.container}>
267-
<View style={styles.box1}>
268-
<Text style={styles.text}>1</Text>
269-
</View>
270-
<View style={styles.box2}>
271-
<Text style={styles.text}>2</Text>
272-
</View>
273-
<View style={styles.box3}>
274-
<Text style={styles.text}>3</Text>
275-
</View>
276-
</SafeAreaView>
277-
</SafeAreaProvider>
278-
);
279-
280-
const styles = StyleSheet.create({
281-
container: {
282-
flex: 1,
283-
},
284-
box1: {
285-
position: 'absolute',
286-
top: 40,
287-
left: 40,
288-
width: 100,
289-
height: 100,
290-
backgroundColor: 'red',
291-
},
292-
box2: {
293-
...StyleSheet.absoluteFillObject,
294-
top: 120,
295-
left: 50,
296-
width: 100,
297-
height: 100,
298-
backgroundColor: 'blue',
299-
},
300-
box3: {
301-
...StyleSheet.absoluteFillObject,
302-
top: 120,
303-
left: 120,
304-
width: 100,
305-
height: 100,
306-
backgroundColor: 'green',
307-
},
308-
text: {
309-
color: '#FFF',
310-
fontSize: 80,
311-
},
312-
});
313-
314-
export default App;
315-
```
316-
317-
---
318-
319255
### `hairlineWidth`
320256
321257
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:

‎website/versioned_docs/version-0.86/stylesheet.md‎

Lines changed: 0 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -252,70 +252,6 @@ export default App;
252252
253253
---
254254
255-
### `absoluteFillObject`
256-
257-
Sometimes you may want `absoluteFill` but with a couple tweaks - `absoluteFillObject` can be used to create a customized entry in a `StyleSheet`, e.g.:
258-
259-
```SnackPlayer name=absoluteFillObject
260-
import React from 'react';
261-
import {StyleSheet, Text, View} from 'react-native';
262-
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
263-
264-
const App = () => (
265-
<SafeAreaProvider>
266-
<SafeAreaView style={styles.container}>
267-
<View style={styles.box1}>
268-
<Text style={styles.text}>1</Text>
269-
</View>
270-
<View style={styles.box2}>
271-
<Text style={styles.text}>2</Text>
272-
</View>
273-
<View style={styles.box3}>
274-
<Text style={styles.text}>3</Text>
275-
</View>
276-
</SafeAreaView>
277-
</SafeAreaProvider>
278-
);
279-
280-
const styles = StyleSheet.create({
281-
container: {
282-
flex: 1,
283-
},
284-
box1: {
285-
position: 'absolute',
286-
top: 40,
287-
left: 40,
288-
width: 100,
289-
height: 100,
290-
backgroundColor: 'red',
291-
},
292-
box2: {
293-
...StyleSheet.absoluteFillObject,
294-
top: 120,
295-
left: 50,
296-
width: 100,
297-
height: 100,
298-
backgroundColor: 'blue',
299-
},
300-
box3: {
301-
...StyleSheet.absoluteFillObject,
302-
top: 120,
303-
left: 120,
304-
width: 100,
305-
height: 100,
306-
backgroundColor: 'green',
307-
},
308-
text: {
309-
color: '#FFF',
310-
fontSize: 80,
311-
},
312-
});
313-
314-
export default App;
315-
```
316-
317-
---
318-
319255
### `hairlineWidth`
320256
321257
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:

0 commit comments

Comments
 (0)