Added custom numberOfLines. Default number is 1.

This commit is contained in:
Timur Asayonok
2018-02-11 16:34:03 +01:00
parent 752975d7b9
commit 89c8d5650c

View File

@@ -24,7 +24,7 @@ const TabOption = ({
tabTextStyle, activeTabTextStyle,
tabBadgeContainerStyle, activeTabBadgeContainerStyle,
tabBadgeStyle, activeTabBadgeStyle,
onTabPress,
onTabPress, textNumberOfLines
}) => {
return (
<TouchableOpacity style={[
@@ -40,7 +40,7 @@ const TabOption = ({
styles.tabTextStyle,
tabTextStyle,
isTabActive ? [styles.activeTabTextStyle, activeTabTextStyle] : {}]}
numberOfLines={1}
numberOfLines={textNumberOfLines}
ellipsizeMode="tail">
{text}
</Text>
@@ -70,7 +70,7 @@ const SegmentedControlTab = ({
tabTextStyle, activeTabTextStyle,
tabBadgeContainerStyle, activeTabBadgeContainerStyle,
tabBadgeStyle, activeTabBadgeStyle,
onTabPress,
onTabPress, textNumberOfLines
}) => {
const firstTabStyle = [{ borderRightWidth: values.length == 2 ? 1 : 0, borderTopLeftRadius: borderRadius, borderBottomLeftRadius: borderRadius }]
@@ -89,6 +89,7 @@ const SegmentedControlTab = ({
badge={badges && badges[index] ? badges[index] : false}
isTabActive={multiple ? selectedIndices.includes(index) : selectedIndex === index}
text={item}
textNumberOfLines={textNumberOfLines}
onTabPress={(index) => handleTabPress(index, multiple, selectedIndex, onTabPress)}
firstTabStyle={index === 0 ? [{ borderRightWidth: 0 }, firstTabStyle] : {}}
lastTabStyle={index === values.length - 1 ? [{ borderLeftWidth: 0 }, lastTabStyle] : {}}
@@ -123,7 +124,8 @@ SegmentedControlTab.propTypes = {
activeTabBadgeContainerStyle: Text.propTypes.style,
tabBadgeStyle: Text.propTypes.style,
activeTabBadgeStyle: Text.propTypes.style,
borderRadius: PropTypes.number
borderRadius: PropTypes.number,
textNumberOfLines: PropTypes.number
}
SegmentedControlTab.defaultProps = {
@@ -142,7 +144,8 @@ SegmentedControlTab.defaultProps = {
activeTabBadgeContainerStyle: {},
tabBadgeStyle: {},
activeTabBadgeStyle: {},
borderRadius: 5
borderRadius: 5,
textNumberOfLines: 1
}
const styles = StyleSheet.create({