You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Dec 29, 2022. It is now read-only.
Copy file name to clipboardExpand all lines: README.md
+24Lines changed: 24 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -65,8 +65,32 @@ const App = () => (
65
65
exportdefaultApp;
66
66
```
67
67
68
+
### Props
69
+
70
+
#### `height?: number`
71
+
72
+
Height of the blank spacer
73
+
74
+
#### `width?: number`
75
+
76
+
Width of the blank spacer ﹣ used to apply space when `flexDirection: row`
77
+
78
+
#### `color?: color string`
79
+
80
+
Color of the blank spacer
81
+
82
+
#### ViewProps
83
+
84
+
All the existing [View props](https://reactnative.dev/docs/view#props) are supported as blank spacer extends the view component
85
+
68
86
## Recipes
69
87
88
+
- Follow the link to the snack for [Simple Usage](https://snack.expo.io/@daniakash/blank-spacer-example)
89
+
90
+
- If you want to apply spacing based on the device screen size, you can use the blank spacer with [react-native-responsive-dimensions](https://github.com/DaniAkash/react-native-responsive-dimensions)
91
+
92
+
- If you want a blank space to avoid keyboard (i.e) a keyboard avoiding view, you can use [react-native-keyboad-spacer](https://www.npmjs.com/package/react-native-keyboard-spacer) or pair the blank spacer with keyboard height received from [`useKeyboard`](https://github.com/react-native-community/hooks#usekeyboard) hook of [react native hooks](https://github.com/react-native-community/hooks)
0 commit comments