fix some bugs

components/SegmentedBar/SegmentedItem.js

@@ -51,7 +51,7 @@ export default class SegmentedItem extends Component {
         textStyle = [{
           color: Theme.sbBtnActiveTitleColor,
           fontSize: Theme.sbBtnActiveTextFontSize,
-        }].concat(titleStyle).concat(activeTitleStyle);
+        }].concat(activeTitleStyle);
       } else {
         textStyle = [{
           color: Theme.sbBtnTitleColor,

components/SegmentedView/SegmentedSheet.js

@@ -3,7 +3,7 @@
 'use strict';
 
 import React, {Component, PropTypes} from 'react';
-import {View} from 'react-native';
+import {View, Text} from 'react-native';
 
 import Theme from 'teaset/themes/Theme';
 
@@ -12,11 +12,13 @@ export default class SegmentedSheet extends Component {
   static propTypes = {
     ...View.propTypes,
     title: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.number]).isRequired,
+    titleStyle: Text.propTypes.style,
+    activeTitleStyle: Text.propTypes.style,
     badge: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.number]),
   };
 
   render() {
-    let {style, ...others} = this.props;
+    let {style, title, titleStyle, activeTitleStyle, badge, ...others} = this.props;
     style = [{flexGrow: 1}].concat(style);
     return <View style={style} {...others} />;
   }

components/SegmentedView/SegmentedView.js

@@ -86,7 +86,7 @@ export default class SegmentedView extends Component {
   }
 
   renderBar() {
-    let {barPosition, barStyle, justifyItem, indicatorType, indicatorPosition, animated, autoScroll, onChange, children} = this.props;
+    let {barPosition, barStyle, justifyItem, indicatorType, indicatorPosition, indicatorLineColor, indicatorLineWidth, indicatorPositionPadding, animated, autoScroll, onChange, children} = this.props;
 
     if (!indicatorPosition && barPosition == 'bottom') {
       indicatorPosition = 'top';
@@ -98,13 +98,22 @@ export default class SegmentedView extends Component {
         justifyItem={justifyItem}
         indicatorType={indicatorType}
         indicatorPosition={indicatorPosition}
+        indicatorLineColor={indicatorLineColor}
+        indicatorLineWidth={indicatorLineWidth}
+        indicatorPositionPadding={indicatorPositionPadding}
         animated={animated}
         autoScroll={autoScroll}
         activeIndex={this.activeIndex}
         onChange={index => this.onSegmentedBarChange(index)}
       >
         {children.map((item, index) => (
-          <SegmentedBar.Item key={index} title={item.props.title} badge={item.props.badge} />
+          <SegmentedBar.Item
+            key={index}
+            title={item.props.title}
+            titleStyle={item.props.titleStyle}
+            activeTitleStyle={item.props.activeTitleStyle}
+            badge={item.props.badge}
+            />
         ))}
       </SegmentedBar>
     );

docs/cn/SegmentedView.md

@@ -28,7 +28,6 @@ SegmentedView 组件定义一个分段器组件, 一般用于同一页面中多
 | Prop | Type | Default | Note |
 |---|---|---|---|
 | [Sheet](#segmentedviewsheet--props) | class |  | 分段器 Sheet 组件。
-| [Button](#segmentedviewbutton--props) | class |  | 分段器按钮组件。<br/>此组件由 Sheet 组件自动渲染, 无须代码显式声明, 但可以修改 SegmentedView.Button 为自定义类以更改分段器按钮组件。
 
 <!--
 ## Methods
@@ -45,14 +44,6 @@ None.
 | title | string<br/>number<br/>element |  | 标题, 可以是字符串、数字或 React Native 组件。
 | badge | string<br/>number<br/>element |  | 徽章, 可以是字符串、数字或 React Native 组件, 为字符串、数字时使用 `<Badge />`组件渲染。
 
-## `<SegmentedView.Button />` Props
-| Prop | Type | Default | Note |
-|---|---|---|---|
-| [TouchableOpacity props...](https://facebook.github.io/react-native/docs/touchableopacity.html) |  |  | SegmentedView.Button 组件继承 TouchableOpacity 组件的全部属性。
-| title | string<br/>number<br/>element |  | 标题, 可以是字符串、数字或 React Native 组件。
-| badge | string<br/>number<br/>element |  | 徽章, 可以是字符串、数字或 React Native 组件, 为字符串、数字时使用 `<Badge />`组件渲染。
-| active | bool | false | 是否激活。
-
 ## Example
 简单用法
 ```

example/views/SegmentedViewExample.js

@@ -64,12 +64,15 @@ export default class SegmentedViewExample extends NavigationPage {
   }
 
   renderPage() {
-
+    let {custom} = this.state;
     return (
       <View style={{flex: 1}}>
         <SegmentedView
           style={{flex: 1}}
           type={this.state.type}
+          indicatorLineColor={custom ? '#5cb85c' : undefined}
+          indicatorLineWidth={custom ? 1 : undefined}
+          indicatorPositionPadding={custom ? 3 : undefined}
           onChange={index => this.setState({activeIndex: index})}
         >
           <SegmentedView.Sheet title={this.renderTitle(0)}>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "teaset",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "A UI library for react native.",
   "main": "index.js",
   "scripts": {