mirror of
https://github.com/zhigang1992/react-native-segmented-control-tab.git
synced 2026-01-12 22:50:51 +08:00
Added custom numberOfLines. Default number is 1.
This commit is contained in:
@@ -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({
|
||||
|
||||
Reference in New Issue
Block a user