Skip to content

WheelPicker - Header style isn't applied on wheelpicker #2743

@NicoSchtt

Description

@NicoSchtt

Description

When using the "useWheelPicker"={true}, all the style for the topBar disappear

Related to

  • Components
  • Demo
  • Docs
  • Typings

Steps to reproduce

1.Use the Picker component
2. Set the useWheelPicker props to true
3. Set some style and others in topBarProps props
4. See that style are not applied

Expected behavior

The style should be applied to modified the design of the topBarProps

Actual behavior

The style stay the basic one, but change if you remove the useWheelPicker props

More Info

Code snippet

<Picker
            value={brand}
            label="Brand"
            placeholder={"Selecta brand"}
            onChange={(key) => setBrand(key?.toString() ?? "")}
            useWheelPicker
            fieldType={PickerFieldTypes.form}
            pickerModalProps={{ containerStyle: {backgroundColor: "red"} }}
            topBarProps={{
              containerStyle: {
                height: 50,
                borderColor: "green",
                borderWidth: 5
              },
              doneLabel: "DoneDone",
              cancelLabel: "Cancel",
              cancelButtonProps: {style: {backgroundColor: "green" }},
              title: "Brand Title",
              titleStyle: { fontWeight: "bold", fontSize: 40, color: "blue" },
              doneButtonProps: {
                style: { padding: 20, backgroundColor: "green" },
              },
            }}
          >
            {Object.entries(tmpBrand).map(([key, value]) => {
              return <Picker.Item key={key} value={key} label={value.label} />;
            })}
          </Picker>

Screenshots/Video

Screenshot 2023-09-11 at 22 26 28

Environment

"react-native-ui-lib": "^7.8.0",
"react-native": "0.71.3",
"react-native-reanimated": "~2.14.4",
"react-native-gesture-handler": "^2.6.0",
"expo": "48.0.6",
  • React Native version:
  • React Native UI Lib version:

Affected platforms

  • Android
  • iOS
  • Web

Metadata

Metadata

Assignees

No one assigned

    Labels

    buga bug in one of the componentswontfix

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions