diff --git a/example/ios/Podfile.lock b/example/ios/Podfile.lock index 47a42a835..687851e04 100644 --- a/example/ios/Podfile.lock +++ b/example/ios/Podfile.lock @@ -1278,94 +1278,8 @@ PODS: - react-native-image-tools (0.8.1): - React - react-native-safe-area-context (5.2.0): - - DoubleConversion - - glog - - hermes-engine - - RCT-Folly (= 2024.11.18.00) - - RCTRequired - - RCTTypeSafety - - React-Core - - React-debug - - React-Fabric - - React-featureflags - - React-graphics - - React-ImageManager - - react-native-safe-area-context/common (= 5.2.0) - - react-native-safe-area-context/fabric (= 5.2.0) - - React-NativeModulesApple - - React-RCTFabric - - React-rendererdebug - - React-utils - - ReactCodegen - - ReactCommon/turbomodule/bridging - - ReactCommon/turbomodule/core - - Yoga - - react-native-safe-area-context/common (5.2.0): - - DoubleConversion - - glog - - hermes-engine - - RCT-Folly (= 2024.11.18.00) - - RCTRequired - - RCTTypeSafety - React-Core - - React-debug - - React-Fabric - - React-featureflags - - React-graphics - - React-ImageManager - - React-NativeModulesApple - - React-RCTFabric - - React-rendererdebug - - React-utils - - ReactCodegen - - ReactCommon/turbomodule/bridging - - ReactCommon/turbomodule/core - - Yoga - - react-native-safe-area-context/fabric (5.2.0): - - DoubleConversion - - glog - - hermes-engine - - RCT-Folly (= 2024.11.18.00) - - RCTRequired - - RCTTypeSafety - - React-Core - - React-debug - - React-Fabric - - React-featureflags - - React-graphics - - React-ImageManager - - react-native-safe-area-context/common - - React-NativeModulesApple - - React-RCTFabric - - React-rendererdebug - - React-utils - - ReactCodegen - - ReactCommon/turbomodule/bridging - - ReactCommon/turbomodule/core - - Yoga - react-native-slider (4.5.6): - - DoubleConversion - - glog - - hermes-engine - - RCT-Folly (= 2024.11.18.00) - - RCTRequired - - RCTTypeSafety - - React-Core - - React-debug - - React-Fabric - - React-featureflags - - React-graphics - - React-ImageManager - - react-native-slider/common (= 4.5.6) - - React-NativeModulesApple - - React-RCTFabric - - React-rendererdebug - - React-utils - - ReactCodegen - - ReactCommon/turbomodule/bridging - - ReactCommon/turbomodule/core - - Yoga - - react-native-slider/common (4.5.6): - DoubleConversion - glog - hermes-engine @@ -1676,26 +1590,7 @@ PODS: - React-perflogger (= 0.77.1) - React-utils (= 0.77.1) - RNCPicker (2.11.0): - - DoubleConversion - - glog - - hermes-engine - - RCT-Folly (= 2024.11.18.00) - - RCTRequired - - RCTTypeSafety - React-Core - - React-debug - - React-Fabric - - React-featureflags - - React-graphics - - React-ImageManager - - React-NativeModulesApple - - React-RCTFabric - - React-rendererdebug - - React-utils - - ReactCodegen - - ReactCommon/turbomodule/bridging - - ReactCommon/turbomodule/core - - Yoga - RNFS (2.20.0): - React-Core - RNGestureHandler (2.24.0): @@ -1720,29 +1615,6 @@ PODS: - ReactCommon/turbomodule/core - Yoga - RNScreens (4.9.0): - - DoubleConversion - - glog - - hermes-engine - - RCT-Folly (= 2024.11.18.00) - - RCTRequired - - RCTTypeSafety - - React-Core - - React-debug - - React-Fabric - - React-featureflags - - React-graphics - - React-ImageManager - - React-NativeModulesApple - - React-RCTFabric - - React-RCTImage - - React-rendererdebug - - React-utils - - ReactCodegen - - ReactCommon/turbomodule/bridging - - ReactCommon/turbomodule/core - - RNScreens/common (= 4.9.0) - - Yoga - - RNScreens/common (4.9.0): - DoubleConversion - glog - hermes-engine @@ -1765,48 +1637,7 @@ PODS: - ReactCommon/turbomodule/core - Yoga - RNSVG (15.11.1): - - DoubleConversion - - glog - - hermes-engine - - RCT-Folly (= 2024.11.18.00) - - RCTRequired - - RCTTypeSafety - React-Core - - React-debug - - React-Fabric - - React-featureflags - - React-graphics - - React-ImageManager - - React-NativeModulesApple - - React-RCTFabric - - React-rendererdebug - - React-utils - - ReactCodegen - - ReactCommon/turbomodule/bridging - - ReactCommon/turbomodule/core - - RNSVG/common (= 15.11.1) - - Yoga - - RNSVG/common (15.11.1): - - DoubleConversion - - glog - - hermes-engine - - RCT-Folly (= 2024.11.18.00) - - RCTRequired - - RCTTypeSafety - - React-Core - - React-debug - - React-Fabric - - React-featureflags - - React-graphics - - React-ImageManager - - React-NativeModulesApple - - React-RCTFabric - - React-rendererdebug - - React-utils - - ReactCodegen - - ReactCommon/turbomodule/bridging - - ReactCommon/turbomodule/core - - Yoga - RNVectorIcons (9.2.0): - React-Core - SocketRocket (0.7.1) @@ -2095,20 +1926,20 @@ SPEC CHECKSUMS: React-logger: 1935d6e6461e9c8be4c87af56c56a4876021171e React-Mapbuffer: 212171f037e3b22e6c2df839aa826806da480b85 React-microtasksnativemodule: 72564d5469003687d39bfc4efad281df8efc0684 - react-native-agora: ffafcff6bc472b0a1a4588311d1e87a56b0352e2 + react-native-agora: f86b0ec565a36263cc9ffe264260c5bde621e676 react-native-image-tools: 88218449791389bbf550a2c475a3b564c8233c8b - react-native-safe-area-context: 9c33120e9eac7741a5364cc2d9f74665049b76b3 - react-native-slider: e7f302c8d3296ddb49c642473f77f8f98809d53b + react-native-safe-area-context: 849d7df29ecb2a7155c769c0b76849ba952c2aa3 + react-native-slider: 88366698dc5f742efdb402abb3368c5c5e1b9c4e React-nativeconfig: cb207ebba7cafce30657c7ad9f1587a8f32e4564 React-NativeModulesApple: 82a8bee52df9f5b378195a500f22be3a6ef0f890 React-perflogger: 8152bab3f0eb4b8751f282f9af7caed2c823a9ea React-performancetimeline: 3ef4a640b56f9c7ec5f52bd93217b9b607c37cf4 React-RCTActionSheet: 0fdf55fb8724856d63ca8c63cdb4e2325e15e8ec React-RCTAnimation: b93f5a1675cc2599e96851fec13c909fdfb1d6bb - React-RCTAppDelegate: 1e52340adeca84f16211da985a420b9435118fef + React-RCTAppDelegate: c5765ffe01ab745b0c015dc42023306e115f4ad5 React-RCTBlob: e437ac6279a3cc2ddea9bffc8e258efac71b2609 - React-RCTFabric: 0a9ae1f46dfe9e11ea3664d2ce0f5fd1e58f58a8 - React-RCTFBReactNativeSpec: d25807c3413a4574c1c90240ff58e8704606d5af + React-RCTFabric: dd67ec60b61ec3ef0f4d5e535f87909ab0e678d5 + React-RCTFBReactNativeSpec: 8d074f051061782754ce5738a711250105dbccdd React-RCTImage: 028171a4d7017ea96a2e605c817cd76f01ed3836 React-RCTLinking: e3f5431ab5f8f56b82387d41a2c484a278a8e645 React-RCTNetwork: 6de20da228ffe8bd9c9e3bafe3f7d1dfe1d7bd55 @@ -2128,11 +1959,11 @@ SPEC CHECKSUMS: ReactAppDependencyProvider: e7e92253013754a8c35ebdbf8ad700f4e8956f62 ReactCodegen: 8c6710db5ccee603fa0475978465b606abe1ed77 ReactCommon: 8da6c58517fa560d0fc7a9da83093457303ae9f8 - RNCPicker: ffbd7b9fc7c1341929e61dbef6219f7860f57418 + RNCPicker: 4f6d5e8d107064be32dfc8f1bcb5a3741135db0b RNFS: 4ac0f0ea233904cb798630b3c077808c06931688 - RNGestureHandler: 9b05fab9a0b48fe48c968de7dbb9ca38a2b4f7ab - RNScreens: 2faba2591006e59fa14b9b665599ce29435a749a - RNSVG: 7e38044415125a1d108294377de261d2fe2c54c9 + RNGestureHandler: ebb08ce5dfc9caff34ae9cda3ef0d18daae3a7ef + RNScreens: 92045ed4a8d561352cebaa00a8c9f1a8fb80419b + RNSVG: 515a902fc18a375907eb4c3abec0b803fbfa37ef RNVectorIcons: fcc2f6cb32f5735b586e66d14103a74ce6ad61f8 SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748 Yoga: 2957d0e744897870b5a377f26522e3f08cadd7ac diff --git a/example/package.json b/example/package.json index 3e3f18a22..2a0161ec1 100644 --- a/example/package.json +++ b/example/package.json @@ -26,6 +26,7 @@ "react-native-fs": "^2.20.0", "react-native-gesture-handler": "^2.24.0", "react-native-image-tool": "AgoraIO-Extensions/react-native-image-tools", + "react-native-picker-select": "^9.3.1", "react-native-safe-area-context": "^5.2.0", "react-native-screens": "^4.6.0", "react-native-svg": "^15.11.1", diff --git a/example/src/components/ui/index.tsx b/example/src/components/ui/index.tsx index 6da82e08d..d5ca8e520 100644 --- a/example/src/components/ui/index.tsx +++ b/example/src/components/ui/index.tsx @@ -1,8 +1,4 @@ -import { Picker } from '@react-native-picker/picker'; -import { - PickerItemProps, - PickerProps, -} from '@react-native-picker/picker/typings/Picker'; +import { PickerProps } from '@react-native-picker/picker/typings/Picker'; import { Button, ButtonProps, @@ -33,6 +29,10 @@ import { View, ViewProps, } from 'react-native'; +import PickerSelect, { + Item, + PickerSelectProps, +} from 'react-native-picker-select'; export { RtcSurfaceView } from 'react-native-agora'; @@ -196,14 +196,10 @@ export const AgoraCard = ( ); }; -export interface AgoraDropdownItem extends PickerItemProps {} +export interface AgoraDropdownItem extends Item {} export const AgoraDropdown = ( - props: PickerItemProps & { - title: string; - items: AgoraDropdownItem[]; - onValueChange: (value: any, index: number) => void; - } + props: PickerSelectProps & PickerProps & { title: string } ) => { const [value, setValue] = useState(props.value); @@ -211,30 +207,25 @@ export const AgoraDropdown = ( setValue(props.value); }, [props.value]); - console.log(props); - return ( - { if (v === null || v === undefined) return; setValue(v); props.onValueChange?.call(this, v, index); }} - > - {props.items?.map((item, index) => { - return ( - - ); - })} - + /> ); }; diff --git a/yarn.lock b/yarn.lock index 90ec23468..886929b4e 100644 --- a/yarn.lock +++ b/yarn.lock @@ -11707,6 +11707,13 @@ __metadata: languageName: node linkType: hard +"lodash.isequal@npm:^4.5.0": + version: 4.5.0 + resolution: "lodash.isequal@npm:4.5.0" + checksum: da27515dc5230eb1140ba65ff8de3613649620e8656b19a6270afe4866b7bd461d9ba2ac8a48dcc57f7adac4ee80e1de9f965d89d4d81a0ad52bb3eec2609644 + languageName: node + linkType: hard + "lodash.isfunction@npm:^3.0.9": version: 3.0.9 resolution: "lodash.isfunction@npm:3.0.9" @@ -11721,6 +11728,13 @@ __metadata: languageName: node linkType: hard +"lodash.isobject@npm:^3.0.2": + version: 3.0.2 + resolution: "lodash.isobject@npm:3.0.2" + checksum: 6c1667cbc4494d0a13a3617a4b23278d6d02dac520311f2bbb43f16f2cf71d2e6eb9dec8057315b77459df4890c756a256a087d3f4baa44a79ab5d6c968b060e + languageName: node + linkType: hard + "lodash.isplainobject@npm:^4.0.6": version: 4.0.6 resolution: "lodash.isplainobject@npm:4.0.6" @@ -13919,6 +13933,7 @@ __metadata: react-native-fs: ^2.20.0 react-native-gesture-handler: ^2.24.0 react-native-image-tool: AgoraIO-Extensions/react-native-image-tools + react-native-picker-select: ^9.3.1 react-native-safe-area-context: ^5.2.0 react-native-screens: ^4.6.0 react-native-svg: ^15.11.1 @@ -14073,6 +14088,18 @@ react-native-image-tool@AgoraIO-Extensions/react-native-image-tools: languageName: node linkType: hard +"react-native-picker-select@npm:^9.3.1": + version: 9.3.1 + resolution: "react-native-picker-select@npm:9.3.1" + dependencies: + lodash.isequal: ^4.5.0 + lodash.isobject: ^3.0.2 + peerDependencies: + "@react-native-picker/picker": ^2.4.0 + checksum: ba03c79bff736f225f6cf06a971a5058739ef27c26d2f66edf31e80250fc40be29085d4b15a35339c31b4d4830d362594f8d5933a25a0f2f1f9d702189e2d611 + languageName: node + linkType: hard + "react-native-ratings@npm:^8.1.0": version: 8.1.0 resolution: "react-native-ratings@npm:8.1.0"