diff --git a/docs/keyboardavoidingview.md b/docs/keyboardavoidingview.md
index 0dfb10d4f97..cf35c410dfd 100644
--- a/docs/keyboardavoidingview.md
+++ b/docs/keyboardavoidingview.md
@@ -5,20 +5,59 @@ title: KeyboardAvoidingView
It is a component to solve the common problem of views that need to move out of the way of the virtual keyboard. It can automatically adjust either its height, position, or bottom padding based on the position of the keyboard.
-Example usage:
-
-```jsx
-import {KeyboardAvoidingView} from 'react-native';
-
-
- ... your UI ...
-;
+### Example usage
+
+```SnackPlayer name=KeyboardAvoidingView
+import React, { Component } from 'react';
+import { View, KeyboardAvoidingView, TextInput, StyleSheet, Text, Platform, TouchableWithoutFeedback, Button, Keyboard } from 'react-native';
+
+const keyBoardAvoidingComponent = () => {
+ return (
+
+
+
+ Header
+
+
+
+
+
+
+ );
+};
+
+const styles = StyleSheet.create({
+ container: {
+ flex: 1
+ },
+ inner: {
+ padding: 24,
+ flex: 1,
+ justifyContent: "space-around"
+ },
+ header: {
+ fontSize: 36,
+ marginBottom: 48
+ },
+ textInput: {
+ height: 40,
+ borderColor: "#000000",
+ borderBottomWidth: 1,
+ marginBottom: 36
+ },
+ btnContainer: {
+ backgroundColor: "white",
+ marginTop: 12
+ }
+});
+
+export default keyBoardAvoidingComponent;
```
-### Example
-
-
-
---
# Reference