kylefang/react-navigation
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-navigation.git synced 2026-04-24 04:25:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add an option to swap out TouchableWithoutFeedback for another component (#27)

Browse Source
This commit is contained in:
Brent Vatne
2018-06-05 12:05:15 -07:00
parent 8475f694ec
commit db9afb30d2
4 changed files with 55 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/tabs/example/src/BottomTabs.js
View File

@@ -2,6 +2,7 @@ import * as React from 'react';
import { createBottomTabNavigator } from 'react-navigation-tabs';
import { MaterialIcons } from '@expo/vector-icons';
import PhotoGrid from './shared/PhotoGrid';
import TouchableBounce from 'react-native/Libraries/Components/Touchable/TouchableBounce';
const tabBarIcon = name => ({ tintColor }) => (
<MaterialIcons name={name} color={tintColor} size={24} />
@@ -10,6 +11,7 @@ const tabBarIcon = name => ({ tintColor }) => (
class Album extends React.Component {
static navigationOptions = {
tabBarIcon: tabBarIcon('photo-album'),
tabBarButtonComponent: TouchableBounce,
};
render() {
@@ -20,6 +22,7 @@ class Album extends React.Component {
class Library extends React.Component {
static navigationOptions = {
tabBarIcon: tabBarIcon('photo-library'),
tabBarButtonComponent: TouchableBounce,
};
render() {
@@ -30,6 +33,7 @@ class Library extends React.Component {
class History extends React.Component {
static navigationOptions = {
tabBarIcon: tabBarIcon('history'),
tabBarButtonComponent: TouchableBounce,
};
render() {
@@ -40,6 +44,7 @@ class History extends React.Component {
class Cart extends React.Component {
static navigationOptions = {
tabBarIcon: tabBarIcon('shopping-cart'),
tabBarButtonComponent: TouchableBounce,
};
render() {