react-native-select-dropdown
Advanced tools
Comparing version
@@ -71,3 +71,3 @@ import type * as React from "react"; | ||
/** | ||
* backdrop color when dropdown is opened | ||
* backdrop color when dropdown is opened | ||
*/ | ||
@@ -103,3 +103,3 @@ dropdownOverlayColor?: string; | ||
searchInputTxtColor?: string; | ||
/** | ||
/** | ||
* text style for search input | ||
@@ -119,3 +119,3 @@ */ | ||
*/ | ||
onChangeSearchInputText: (searchText: string) => void; | ||
onChangeSearchInputText?: (searchText: string) => void; | ||
/** | ||
@@ -122,0 +122,0 @@ * function returns React component for search input icon |
{ | ||
"name": "react-native-select-dropdown", | ||
"version": "3.2.1", | ||
"version": "3.3.0", | ||
"description": "react-native-select-dropdown is a highly customized dropdown | select | picker | menu for react native that works for andriod and iOS platforms.", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -5,2 +5,3 @@ import React, {forwardRef, useImperativeHandle} from 'react'; | ||
import {isExist} from './helpers/isExist'; | ||
import {mergeStyles} from './helpers/mergeStyles'; | ||
import Input from './components/Input'; | ||
@@ -150,3 +151,3 @@ import DropdownOverlay from './components/DropdownOverlay'; | ||
activeOpacity={0.8} | ||
style={{...styles.dropdownRow, ...rowStyle, ...(isSelected && selectedRowStyle)}} | ||
style={mergeStyles(styles.dropdownRow, rowStyle, isSelected && selectedRowStyle)} | ||
onPress={() => onSelectItem(item, index)}> | ||
@@ -159,3 +160,3 @@ {renderCustomizedRowChild ? ( | ||
allowFontScaling={false} | ||
style={{...styles.dropdownRowText, ...rowTextStyle, ...(isSelected && selectedRowTextStyle)}}> | ||
style={mergeStyles(styles.dropdownRowText, rowTextStyle, isSelected && selectedRowTextStyle)}> | ||
{rowTextForSelection ? rowTextForSelection(item, index) : item.toString()} | ||
@@ -199,7 +200,7 @@ </Text> | ||
onPress={openDropdown} | ||
style={{ | ||
...styles.dropdownButton, | ||
...(dropdownIconPosition == 'left' ? styles.row : styles.rowRevese), | ||
...buttonStyle, | ||
}}> | ||
style={mergeStyles( | ||
styles.dropdownButton, | ||
dropdownIconPosition == 'left' ? styles.row : styles.rowRevese, | ||
buttonStyle, | ||
)}> | ||
{renderDropdown()} | ||
@@ -212,3 +213,6 @@ {renderDropdownIcon && renderDropdownIcon(isVisible)} | ||
) : ( | ||
<Text numberOfLines={1} allowFontScaling={false} style={{...styles.dropdownButtonText, ...buttonTextStyle}}> | ||
<Text | ||
numberOfLines={1} | ||
allowFontScaling={false} | ||
style={mergeStyles(styles.dropdownButtonText, buttonTextStyle)}> | ||
{isExist(selectedItem) | ||
@@ -215,0 +219,0 @@ ? buttonTextAfterSelection |
39315
1.01%22
4.76%865
1.53%