diff --git a/Example/components/TabIcon.js b/Example/components/TabIcon.js
index 467b24bdf..e4e5def63 100644
--- a/Example/components/TabIcon.js
+++ b/Example/components/TabIcon.js
@@ -1,9 +1,19 @@
 import React from 'react';
-import {Text} from "react-native";
-export default class extends React.Component {
-    render(){
-        return (
-            <Text style={{color: this.props.selected ? "red" :"black"}}>{this.props.title}</Text>
-        );
-    }
-}
+import { PropTypes, Text } from 'react-native';
+
+const propTypes = {
+  selected: PropTypes.string,
+  title: PropTypes.string,
+};
+
+const TabIcon = (props) => (
+  <Text
+    style={{ color: props.selected ? 'red' : 'black' }}
+  >
+    {props.title}
+  </Text>
+);
+
+TabIcon.propTypes = propTypes;
+
+export default TabIcon;