TabBarIOS tintColor

Summary:
[Origin Pull request](https://github.com/facebook/react-native/pull/961) from [cmcewen](https://github.com/cmcewen)

All the work have been done by @cmcewen, I just rebased his work with the master.
Closes https://github.com/facebook/react-native/pull/1337
Github Author: Stan Chollet <stanislas.chollet@gmail.com>

Test Plan: Imported from GitHub, without a `Test Plan:` line.
This commit is contained in:
Stan Chollet 2015-05-26 16:40:56 -07:00
parent 84783dbac4
commit 76ea00483d
6 changed files with 31 additions and 2 deletions

View File

@ -48,7 +48,9 @@ var TabBarExample = React.createClass({
render: function() {
return (
<TabBarIOS>
<TabBarIOS
tintColor="black"
barTintColor="#3abeff'">
<TabBarIOS.Item
title="Blue Tab"
selected={this.state.selectedTab === 'blueTab'}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

View File

@ -25,11 +25,22 @@ var TabBarIOS = React.createClass({
propTypes: {
style: View.propTypes.style,
/**
* Color of the currently selected tab icon
*/
tintColor: React.PropTypes.string,
/**
* Background color of the tab bar
*/
barTintColor: React.PropTypes.string
},
render: function() {
return (
<RCTTabBar style={[styles.tabGroup, this.props.style]}>
<RCTTabBar
style={[styles.tabGroup, this.props.style]}
tintColor={this.props.tintColor}
barTintColor={this.props.barTintColor}>
{this.props.children}
</RCTTabBar>
);

View File

@ -13,6 +13,9 @@
@interface RCTTabBar : UIView
@property (nonatomic, strong) UIColor *tintColor;
@property (nonatomic, strong) UIColor *barTintColor;
- (instancetype)initWithEventDispatcher:(RCTEventDispatcher *)eventDispatcher NS_DESIGNATED_INITIALIZER;
@end

View File

@ -114,6 +114,16 @@
}];
}
- (void)setBarTintColor:(UIColor *)barTintColor
{
_tabController.tabBar.barTintColor = barTintColor;
}
- (void)setTintColor:(UIColor *)tintColor
{
_tabController.tabBar.tintColor = tintColor;
}
#pragma mark - UITabBarControllerDelegate
- (BOOL)tabBarController:(UITabBarController *)tabBarController shouldSelectViewController:(UIViewController *)viewController

View File

@ -23,4 +23,7 @@ RCT_EXPORT_MODULE()
return [[RCTTabBar alloc] initWithEventDispatcher:_bridge.eventDispatcher];
}
RCT_EXPORT_VIEW_PROPERTY(tintColor, UIColor)
RCT_EXPORT_VIEW_PROPERTY(barTintColor, UIColor)
@end