When using the Picker component with useWheelPicker, the doneButtonProps in topBarProps do not work.

cheneyma1s commented 11 months ago

Description

Related to

[x] Components
[ ] Demo
[ ] Docs
[ ] Typings

Steps to reproduce

Expected behavior

have padding and text color changed

Actual behavior

Not effective DoneButton with padding and text color

More Info

Code snippet

            <Picker
                value={currentValue}
                placeholder={'Placeholder'}
                onChange={i => console.log('changed', i)}
                useWheelPicker
                topBarProps={{
                    doneLabel: "OK", 
                    doneButtonProps: {
                        color: "red",
                        padding: 10
                    }
                }}
            >
                { options.map(i => <Picker.Item key={i.value} value={i.value} label={i.label} />) }
            </Picker>

Screenshots/Video

Environment

React Native version: 0.72.6
React Native UI Lib version: 7.1.0

Affected platforms

[x] Android
[x] iOS
[ ] Web

NicoSchtt commented 10 months ago

Seems the same problem as this ISSUE I opened it in September but I still have the problem

AnthonyCerdasAnalisis commented 10 months ago

I have the same problem Did you find any solution?

szymon-rajewski commented 8 months ago

I was able to add padding but not color styles:

topBarProps={{
    containerStyle: {
        paddingTop: 16,
        paddingRight: 16,
    },
}}

wix / react-native-ui-lib