react-native-ui-lib icon indicating copy to clipboard operation
react-native-ui-lib copied to clipboard

No cancel button on Picker component

Open castusoft opened this issue 1 year ago • 1 comments

Picker's useWheelPicker modal is missing cancelLabel button even if I set it. Plus no matter how I apply styles, it is not getting it.

<Picker
            label="Trip type"
            useWheelPicker
            value={tripType}
            onChange={nativePickerValue => setTripType(nativePickerValue)}
            trailingAccessory={<ReloadSvg width={24} height={24} fill='black'/>}
            containerStyle={{borderWidth: 1, borderColor: Colors.grey50, padding: 3}}
            topBarProps={{
              doneLabel: 'Ok',
              cancelLabel: 'NO',
              title: 'Trip type',
              useSafeArea: true,
              includeStatusBar: true,
              titleStyle: {color: 'red'},
              containerStyle: {backgroundColor: 'red'}
          }}
          >
            {_.map(options, option => (
              <Picker.Item key={option.value} value={option.value} label={option.label} disabled={option.disabled}/>
            ))}
          </Picker>

Related to

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

Screenshots/Video

IMG_5B7E5B224ACF-1

Environment

  • React Native version: 0.71.6
  • React Native UI Lib version: ^7.2.4

Affected platforms

  • [ ] Android
  • [ x ] iOS
  • [ ] Web

castusoft avatar Apr 15 '23 07:04 castusoft

is there a way to style the OK button? it's shifted to the right too much.

kilimchoi avatar Apr 27 '23 09:04 kilimchoi