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

[cheneyma1s]

Description

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

Related to

• 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

• Android
• iOS
• Web

[Nicho]

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

[AnthonyCerdasAnalisis]

I have the same problem
Did you find any solution?

[Szymon Rajewski]

I was able to add padding but not color styles:

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