react-native-country-select 0.3.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -20
- package/lib/components/BottomSheetModal/index.tsx +2 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -288,26 +288,33 @@ export default function App() {
|
|
|
288
288
|
|
|
289
289
|
### Modal Styles ([modalStyles](https://github.com/AstrOOnauta/react-native-country-select/blob/main/lib/interface/countrySelectStyles.ts))
|
|
290
290
|
|
|
291
|
-
| Property
|
|
292
|
-
|
|
|
293
|
-
| `backdrop`
|
|
294
|
-
| `container`
|
|
295
|
-
| `content`
|
|
296
|
-
| `dragHandleContainer`
|
|
297
|
-
| `dragHandleIndicator`
|
|
298
|
-
| `searchContainer`
|
|
299
|
-
| `searchInput`
|
|
300
|
-
| `list`
|
|
301
|
-
| `countryItem`
|
|
302
|
-
| `flag`
|
|
303
|
-
| `countryInfo`
|
|
304
|
-
| `callingCode`
|
|
305
|
-
| `countryName`
|
|
306
|
-
| `sectionTitle`
|
|
307
|
-
| `closeButton`
|
|
308
|
-
| `closeButtonText`
|
|
309
|
-
| `countryNotFoundContainer`
|
|
310
|
-
| `countryNotFoundMessage`
|
|
291
|
+
| Property | Type | Description |
|
|
292
|
+
| ---------------------------- | --------- | ------------------------- |
|
|
293
|
+
| `backdrop` | ViewStyle | Modal background overlay |
|
|
294
|
+
| `container` | ViewStyle | Modal main container |
|
|
295
|
+
| `content` | ViewStyle | Modal content area |
|
|
296
|
+
| `dragHandleContainer` | ViewStyle | Drag Handle area |
|
|
297
|
+
| `dragHandleIndicator` | ViewStyle | Drag Handle Indicator |
|
|
298
|
+
| `searchContainer` | ViewStyle | Search input wrapper |
|
|
299
|
+
| `searchInput` | TextStyle | Search input field |
|
|
300
|
+
| `list` | ViewStyle | Countries list container |
|
|
301
|
+
| `countryItem` | ViewStyle | Individual country row |
|
|
302
|
+
| `flag` | TextStyle | Country flag in list |
|
|
303
|
+
| `countryInfo` | ViewStyle | Country details container |
|
|
304
|
+
| `callingCode` | TextStyle | Calling code in list |
|
|
305
|
+
| `countryName` | TextStyle | Country name in list |
|
|
306
|
+
| `sectionTitle` | TextStyle | Section headers |
|
|
307
|
+
| `closeButton` | ViewStyle | Close button container |
|
|
308
|
+
| `closeButtonText` | TextStyle | Close button text |
|
|
309
|
+
| `countryNotFoundContainer` | ViewStyle | No results container |
|
|
310
|
+
| `countryNotFoundMessage` | TextStyle | No results message |
|
|
311
|
+
| `alphabetContainer` | ViewStyle | Alphabet filter container |
|
|
312
|
+
| `alphabetLetter` | ViewStyle | Alphabet letter item |
|
|
313
|
+
| `alphabetLetterText` | TextStyle | Alphabet letter text |
|
|
314
|
+
| `alphabetLetterActive` | ViewStyle | Active letter state |
|
|
315
|
+
| `alphabetLetterDisabled` | ViewStyle | Disabled letter state |
|
|
316
|
+
| `alphabetLetterTextActive` | TextStyle | Active letter text |
|
|
317
|
+
| `alphabetLetterTextDisabled` | TextStyle | Disabled letter text |
|
|
311
318
|
|
|
312
319
|
<br>
|
|
313
320
|
|
|
@@ -134,7 +134,7 @@ export const BottomSheetModal: React.FC<BottomSheetModalProps> = ({
|
|
|
134
134
|
toValue: 0,
|
|
135
135
|
duration: 200,
|
|
136
136
|
useNativeDriver: false,
|
|
137
|
-
}).start();
|
|
137
|
+
}).start(() => onRequestClose({} as NativeSyntheticEvent<any>));
|
|
138
138
|
return;
|
|
139
139
|
}
|
|
140
140
|
const finalHeight = Math.min(
|
|
@@ -159,7 +159,7 @@ export const BottomSheetModal: React.FC<BottomSheetModalProps> = ({
|
|
|
159
159
|
}).start();
|
|
160
160
|
},
|
|
161
161
|
}),
|
|
162
|
-
[bottomSheetSize
|
|
162
|
+
[bottomSheetSize, sheetHeight, onRequestClose],
|
|
163
163
|
);
|
|
164
164
|
return (
|
|
165
165
|
<Modal
|
|
@@ -193,8 +193,6 @@ export const BottomSheetModal: React.FC<BottomSheetModalProps> = ({
|
|
|
193
193
|
countrySelectStyle?.content,
|
|
194
194
|
{
|
|
195
195
|
height: sheetHeight,
|
|
196
|
-
minHeight: bottomSheetSize.minHeight,
|
|
197
|
-
maxHeight: bottomSheetSize.maxHeight,
|
|
198
196
|
},
|
|
199
197
|
]}>
|
|
200
198
|
<View
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-country-select",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"description": "🌍 React Native country picker with flags, search, TypeScript, i18n, and offline support. Lightweight, customizable, and designed with a modern UI.",
|
|
5
5
|
"main": "lib/index.tsx",
|
|
6
6
|
"types": "lib/index.d.ts",
|