@redmin_delishaj/react-native-select v1.0.6
��# r e c t - n a t i v e - s e l e c t
r e a c t - n a t i v e - s e l e c t i s a h i g h l y c u s t o m i z a b l e d r o p d o w n l i s t f o r a n d r o i d a n d i o s .
# I n s a l l a t i o n
n p m i n s t a l l @ r e d m i n _ d e l i s h a j / r e a c t - n a t i v e - s e l e c t
# # B a s i c U s a g e
i m p o r t S e l e c t , { S e l e c t I t e m } f r o m ' @ r e d m i n _ d e l i s h a j / r e a c t - n a t i v e - s e l e c t ' ;
c o n s t d a t a : S e l e c t I t e m [ ] = [
{ t e x t : ' O p t i o n 1 ' , v a l u e : 1 } ,
{ t e x t : ' O p t i o n 2 ' , v a l u e : 2 } ,
{ t e x t : ' O p t i o n 3 ' , v a l u e : 3 } ,
] ;
c o n s t A p p = ( ) = > {
c o n s t [ s e l e c t e d I t e m , s e t S e l e c t e d I t e m ] = u s e S t a t e < a n y > ( ) ;
r e t u r n (
< S e l e c t
d a t a = { d a t a }
o n S e l e c t = { v a l u e = > s e t S e l e c t e d I t e m ( v a l u e ) }
v a l u e = { s e l e c t e d I t e m }
/ >
) ;
} ;
# # B a s i c C o n f i g
i m p o r t S e l e c t , { S e l e c t C o n f i g , S e l e c t I t e m } f r o m ' @ r e d m i n _ d e l i s h a j / r e a c t - n a t i v e - s e l e c t ' ;
c o n s t d a t a : S e l e c t I t e m [ ] = [
{ t e x t : ' O p t i o n 1 ' , v a l u e : 1 } ,
{ t e x t : ' O p t i o n 2 ' , v a l u e : 2 } ,
{ t e x t : ' O p t i o n 3 ' , v a l u e : 3 } ,
]
c o n s t A p p = ( ) = > {
c o n s t [ s e l e c t e d I t e m , s e t S e l e c t e d I t e m ] = u s e S t a t e < a n y > ( ) ;
c o n s t c o n f i g : S e l e c t C o n f i g = {
f o n t S i z e : 1 8 ,
b a c k g r o u n d C o l o r : ' # 4 0 4 0 4 0 ' ,
t e x t C o l o r : ' w h i t e ' ,
s e l e c t e d B a c k g r o u n d C o l o r : ' w h i t e ' ,
s e l e c t e d T e x t C o l o r : ' b l a c k ' ,
s e l e c t e d F o n t W e i g h t : ' b o l d ' ,
}
r e t u r n (
< S e l e c t
d a t a = { d a t a }
o n S e l e c t = { v a l u e = > s e t S e l e c t e d I t e m ( v a l u e ) }
v a l u e = { s e l e c t e d I t e m }
c o n f i g = { c o n f i g }
/ >
) ;
} ;
# # P r o p s
| N a m e | D e s c r i p t i o n | D e t a i l s |
| - - - - - - - - - - - - - - - - - - - - - | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
| d a t a | D r o p d o w n o p t i o n s | S e l e c t I t e m |
| v a l u e | S e l e c t e d i t e m | a n y |
| o n S e l e c t | C a l l b a c k w h i c h r e t u r n s t h e v a l u e | f u n c t i o n < b r > ( v a l u e ? : a n y ) = > v o i d |
| o n C l i c k | C a l l b a c k w h e n t h e t e x t b o x i s c l i c k e d | f u n c t i o n < b r > ( ) = > v o i d |
| i s V i s i b l e | M a n u a l l y c o n t r o l l s t h e d r o p d o w n v i s i b i l i t y < b r > D o n ' t u s e i t i f y o u w n a t t o t h e c o m p o n e n t t o h a n d l e t h e v i s i b i l i t y a u t o m i t i c a l l y | b o o l e a n |
| i s D i s a b l e d | D i s a b l e t h e d r o p d o w n | b o o l e a n |
| s e a r c h | E n a b l e s e a r c h | b o o l e a n |
| p l a c e h o l d e r | P l a c e h o l d e r t e x t | s t r i n g |
| s e a r c h P l a c e h o l d e r | S e a r c h p l a c e h o l d e r t e x t | s t r i n g |
| n o D a t a T e x t | T e x t t h a t i s d i s p l a y e d w h e n t h e r e i s n o d a t a | s t r i n g |
| s p a c i n g | S p a c e b e t w e e n t e x t b o x a n d d r o p d o w n | b o o l e a n |
| w i d t h | T h e w i d t h o f t h e w h o l e c o m p o n e n t | n u m b e r , s t r i n g |
| d r o p d o w n H e i g h t | T h e m a x i m u m h e i g h t o f t h e d r o p d o w n | n u m b e r |
| z I n d e x | C o m p o n e n t z i n d e x | n u m b e r |
| c o n f i g | C o n t a i n s p r o p s f o r q u i c k s t y l i n g | S e l e c t C o n f i g |
# # S t y l e P r o p s
| N a m e | D e s c r i p t i o n | D e t a i l s |
| - - - - - - - - - - - - - - - - - - - - - - - - - - - | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | - - - - - - - - - - - - - - - - - - - - - - - - |
| t e x t B o x S t y l e | T e x t b o x s t y l e | S t y l e P r o p \ < V i e w S t y l e \ > |
| t e x t B o x T e x t S t y l e | T e x t b o x t e x t s t y l e | S t y l e P r o p \ < T e x t S t y l e \ > |
| d r o p d o w n S t y l e | D r o p d o w n s t y l e | S t y l e P r o p \ < V i e w S t y l e \ > |
| o p t i o n T e x t S t y l e | O p t i o n t e x t s t y l e | S t y l e P r o p \ < V i e w S t y l e \ > |
| s e l e c t e d B a c k g r o u n d S t y l e | B a c k g r o u n d s t y l e o f t h e s e l e c t e d i t e m | S t y l e P r o p \ < V i e w S t y l e \ > |
| s e l e c t e d T e x t S t y l e | T e x t s t y l e o f t h e s e l e c t e d i t e m | S t y l e P r o p \ < V i e w S t y l e \ > |
| s e a r c h S t y l e | S e a r c h s t y l e | S t y l e P r o p \ < V i e w S t y l e \ > |
# # C u s t o m C o m p o n e n t P r o p s
| N a m e | D e s c r i p t i o n | D e t a i l s |
| - - - - - - - - - - - - - - - - - - - | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | - - - - - - - - - - - - - - - - - - - |
| c a r e t I c o n | I c o n d i s p l a y e d w h e n t h e d r o p d o w n i s c l o s e d | ( ) = > J S X . E l e m e n t |
| c l e a r I c o n | I c o n d i s p l a y e d w h e n t h e d r o p d o w n i s o p e n | ( ) = > J S X . E l e m e n t |
| n o D a t a C o m p o n e n t | C o m p o n e n t t h a t w i l l b e d i s p l a y e d w h e n t h e r e i s n o d a t a | ( ) = > J S X . E l e m e n t |
# # T y p e s
S e l e c t I t e m
| N a m e | D e s c r i p t i o n | D e t a i l s |
| - - - - - - - - - | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | - - - - - - - - - |
| t e x t | S e l e c t o p t i o n t e x t t h a t w i l l b e d i s p l a y e d | s t r i n g |
| v a l u e | T h e v a l u e o f t h e S e l e c t i t e m | a n y |
C o n f i g
| N a m e | D e s c r i p t i o n | D e t a i l s |
| - - - - - - - - - - - - - - - - - - - - - - - - - - - | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
| b a c k g r o u n d C o l o r | B a c k g r o u n d c o l o r f o r b o t h t e x t b o x a n d d r o p d o w n | s t r i n g |
| t e x t C o l o r | T e x t c o l o r f o r b o t h t e x t b o x a n d d r o p d o w n | s t r i n g |
| f o n t S i z e | F o n t s i z e o f a l l t e x t o n t h i s c o m p o n e n t | n u m b e r |
| f o n t F a m i l y | F o n t f a m i l y o f a l l t e x t o n t h i s c o m p o n e n t | s t r i n g |
| f o n t W e i g h t | F o n t w e i g h t o f a l l t e x t o n t h i s c o m p o n e n t | " n o r m a l " , " b o l d " , < b r > " 1 0 0 " , " 2 0 0 " , " 3 0 0 " , < b r > " 4 0 0 " , " 5 0 0 " , " 6 0 0 " , < b r > " 7 0 0 " , " 8 0 0 " , " 9 0 0 " |
| s e l e c t e d B a c k g r o u n d C o l o r | B a c k g r o u n d c o l o r o f t h e s e l e c t e d i t e m | s t r i n g |
| s e l e c t e d T e x t C o l o r | T e x t c o l o r o f t h e s e l e c t e d i t e m | s t r i n g |
| s e l e c t e d F o n t F a m i l y | F o n t f a m i l y o f t h e s e l e c t e d i t e m | s t r i n g |
| s e l e c t e d F o n t W e i g h t | F o n t w e i g h t o f t h e s e l e c t e d i t e m | " n o r m a l " , " b o l d " , < b r > " 1 0 0 " , " 2 0 0 " , " 3 0 0 " , < b r > " 4 0 0 " , " 5 0 0 " , " 6 0 0 " , < b r > " 7 0 0 " , " 8 0 0 " , " 9 0 0 " |
| p l a c e h o l d e r T e x t C o l o r | T e x t c o l o r o f t e x t b o x a n d s e a r c h p l a c e h o l d e r | s t r i n g |
| d i s a b l e d T e x t C o l o r | T e x t c o l o r o f t e x t b o x w h e n t h i s c o m p o n e n t i s d i s a b l e d | s t r i n g |
| b o r d e r W i d t h | B o r d e r w i d t h o f b o t h t e x t b o x a n d d r o p d o w n | n u m b e r |
| b o r d e r C o l o r | B o r d e r c o l o r o f b o t h t e x t b o x a n d d r o p d o w n | s t r i n g |
| b o r d e r R a d i u s | B o r d e r r a d i u s o f b o t h t e x t b o x a n d d r o p d o w n | n u m b e r |