diff --git a/client/react-native/common/components/Screens/Settings/Devtools.js b/client/react-native/common/components/Screens/Settings/Devtools.js
deleted file mode 100644
index e55d0a7fc7..0000000000
--- a/client/react-native/common/components/Screens/Settings/Devtools.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React, { PureComponent } from 'react'
-import { Image } from 'react-native'
-import { Flex, Header } from '../../Library'
-
-export default class Devtools extends PureComponent {
- static navigationOptions = ({ navigation }) => ({
- header: (
-
- ),
- })
- render () {
- return (
-
-
-
-
-
- )
- }
-}
diff --git a/client/react-native/common/components/Screens/Settings/Devtools/index.js b/client/react-native/common/components/Screens/Settings/Devtools/index.js
new file mode 100644
index 0000000000..a0d38194cb
--- /dev/null
+++ b/client/react-native/common/components/Screens/Settings/Devtools/index.js
@@ -0,0 +1,28 @@
+import React from 'react'
+import { createSubStackNavigator } from '../../../../helpers/react-navigation'
+import { Header } from '../../../Library'
+import List from './List'
+import Database from './Database'
+import Network from './Network'
+
+export default createSubStackNavigator(
+ {
+ 'devtools/list': List,
+ 'devtools/database': Database,
+ 'devtools/network': Network,
+ },
+ {
+ initialRouteName: 'devtools/list',
+ navigationOptions: ({ navigation }) => ({
+ header: (
+
+ ),
+ tabBarVisible: false,
+ }),
+ }
+)