aboutsummaryrefslogtreecommitdiff
path: root/mobile/hello-world/components/TabBarIcon.js
diff options
context:
space:
mode:
authorSamarth-Agarwal1 <agarwalsamarth@hotmail.com>2019-02-18 21:03:26 +0000
committerGitHub <noreply@github.com>2019-02-18 21:03:26 +0000
commitfd80834e586232d28b8763a1e399ffa57d14fe2d (patch)
treef8eb68488bf48daacd4bed2e87f195a28fd52be0 /mobile/hello-world/components/TabBarIcon.js
parenta8af7f452caa0083e93679f561cc0f4162ba69f0 (diff)
parenta7a3d4043bc8b7601fe15baad5add9549156899d (diff)
Merge pull request #5 from csc301-winter-2019/feat/1
Feat/1
Diffstat (limited to 'mobile/hello-world/components/TabBarIcon.js')
-rw-r--r--mobile/hello-world/components/TabBarIcon.js17
1 files changed, 17 insertions, 0 deletions
diff --git a/mobile/hello-world/components/TabBarIcon.js b/mobile/hello-world/components/TabBarIcon.js
new file mode 100644
index 0000000..2f1ebed
--- /dev/null
+++ b/mobile/hello-world/components/TabBarIcon.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import { Icon } from 'expo';
+
+import Colors from '../constants/Colors';
+
+export default class TabBarIcon extends React.Component {
+ render() {
+ return (
+ <Icon.Ionicons
+ name={this.props.name}
+ size={26}
+ style={{ marginBottom: -3 }}
+ color={this.props.focused ? Colors.tabIconSelected : Colors.tabIconDefault}
+ />
+ );
+ }
+} \ No newline at end of file