From 95b60ac038926b44584057ae0a81ad79280193ea Mon Sep 17 00:00:00 2001
From: Satyajit Sahoo <satyajit.happy@gmail.com>
Date: Fri, 17 Jan 2020 15:21:20 +0100
Subject: [PATCH] Add info for using it with React Navigation

---
 README.md | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/README.md b/README.md
index 0ccae66..a937bdc 100644
--- a/README.md
+++ b/README.md
@@ -40,6 +40,30 @@ class App extends Component {
 }
 ```
 
+To use this component with React Navigation, you'd want to disable the built-in header. There are 2 ways to disable the header in React Navigation:
+
+Disable the default header for one screen:
+
+```js
+static navigationOptions = {
+  headerShown: false
+};
+```
+
+Disable header globally in `createStackNavigator`:
+
+```js
+const Home = createStackNavigator(
+  {
+    ExampleScreen1,
+    ExampleScreen1,
+  },
+  {
+    headerMode: 'none',
+  }
+);
+```
+
 ## Props
 
 For default Apple-style settings, you only need to provide: