-
Notifications
You must be signed in to change notification settings - Fork 741
Closed
Labels
Description
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
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
AlekPacul, GuillaumeTech, ConnorHome and szymon-rajewski
