Picker Item is not listed on IOS

[JoezerSmaniotto]

I'm using Picker (@react-native-picker/picker) in a form, but on IOS it doesn't display the Picker.Items, on Android it worked perfectly estou usando a versão "@react-native-picker/picker": "2.4.10" e estou usando o "expo": "^49.0.0",

`

{t('signIn.broker')}

      <Controller
        control={control}
        rules={{ required: true }}
        render={({ field: { onChange, onBlur, value } }) => (
          <ContainerSelect>
            <Picker
              enabled={!isSubmitting && loadBrokers}
              selectedValue={value}
              onValueChange={onChange}
              onBlur={onBlur}
              style={{ backgroundColor: theme.colors.mediumGray, color: theme.colors.lightGray, height: 48, fontSize: 16 }}
              dropdownIconColor="white"
              dropdownIconRippleColor={theme.colors.mediumGray}>
              <Picker.Item label="" value="" />
              {brokers.map((item: broker) => {
                return <Picker.Item label={item.nameDisplay} value={item.name} key={item.nameDisplay} />;
              })}
            </Picker>
          </ContainerSelect>
        )}
        name="broker"
      />
      {errors.broker && <ErrorText>{errors.broker.message}</ErrorText>}
    </InputContainer>`

"In the broker input, it should present a listing"

[sairamchow5555]

After installation of module run pod install

refer: https://www.npmjs.com/package/@react-native-picker/picker

[JoezerSmaniotto]

@sairamchow5555 But is expo-managed flow necessary when doing so?

[sairamchow5555]

you can try to use the Selector from the native-base which also works similar to the react-native-picker/picker

[scotttiger123]

its still not working using pod intstall on IOS any help ?

[JoezerSmaniotto]

I ended up creating the component by hand, considering it was having problems

[iamjoshua]

I can confirm that no items are rendered after following the install instructions within a clean install of the latest version of Expo 50.0.17 on iOS. What seems to be required is a parent View immediately around the picker, otherwise nothing will be rendered even if placed on a screen with other elements.

[fjerbi]

Same issue, here, Items are not rendered in IOS, any fixes or suggestions?

[augustosamame]

I can confirm that no items are rendered after following the install instructions within a clean install of the latest version of Expo 50.0.17 on iOS. What seems to be required is a parent View immediately around the picker, otherwise nothing will be rendered even if placed on a screen with other elements.

H! Can you elaborate on your workaround? I have put the Picker inside a View, but still not showing up in my Expo 50 project.

[Serdnad]

Surrounding the Picker in a View with an explicit width set did it for me. E.g.

<View style={{ width: "100%" }}>
  <PickerIOS>...</PickerIOS>
</View>

[farzadali3]

Defining the width property in itemStyle prop of Picker would solve the issue of Picker items not appearing on the screen.

import { Picker } from '@react-native-picker/picker';

<Picker
  selectedValue={this.state.location}
  itemStyle={{ width: 150 }}  // Define width in itemStyle
>
  <Picker.Item label="Location 1" value="1" /> 
  <Picker.Item label="Location 2" value="2" />
  <Picker.Item label="Location 3" value="3" />
</Picker>