pinguinjkeke/react-native-wheel-datepicker

Android & iOS iOS-style Picker & DatePicker Components for ReactNative

react-native-wheel-datepicker's Issues

Release apk

When we are going to release apk then this npm create an issue, please help how to fix this

Wrong link in doc for react-native-custom-datepicker-ios

Hi,
Thanks for the component.

In the doc you could modify the link for react-native-custom-datepicker-ios.

I think that it should be this one :
https://github.com/pinguinjkeke/react-native-custom-datepicker-ios

Failed prop type: itemStyle key 'fontFamily' when trying to change the font on iOS

When trying to change the item style on iOS, the simulator gives warning on invalid properties.

fontFamily, fontSize, fontWeight and fontStyle are not supported where PickerIOS does actual support them

12 hrs mode

How can I enable AM/PM mode on the DatePicker component, as my default mode is 24-hours?

picker Unable to render properly but datepicker able to render properly

environment：

react-native：0.57.8
react：16.6.3
platform：window 10 / android 8.0

question： picker Unable to render properly

react native debugger show structure tree：

code：

Same java package name as react-native-wheel-picker

Because android java package names are the same in both projects "com.zyu" they can't be used together in one project. Build is failing with error "more than one library with package name 'com.zyu'".

Installation

Do I need to follow the instructions from the original component, i.e. adding stuff to the android project?

Properties textSize & itemSpace must use device density

Now these properties do not use device density.

itemStyle not getting pass to WheelCurvedPicker.Item

¿Could be possible to override default item style for android?

As per WheelCurvedPicker.android.js file, the item style seems to sets only the default values:

static defaultProps = {
    textSize: 26,
    itemSpace: 20,
    itemStyle: null,
    textColor: '#333',
  };

and there's no current way to dynamic override them, rather than changing the code directly.

"CustomDatePicker" does not exist

Hi,
I installed "react-native-custom-datepicker-ios" and this lib, and in my js page,

import {registerCustomDatePickerIOS} from 'react-native-wheel-datepicker';
import CustomDatePickerIOS from 'react-native-custom-datepicker-ios';
const DatePicker = registerCustomDatePickerIOS(CustomDatePickerIOS);


<DatePicker
                            date={this.state.date}
                            mode="date"
                            textSize={36}
                            textColor='red'
                            onDateChange={date => this.setState({date})}
                            style={{width: '100%'}}
                            />

the error tip is "Invariant Violation:Native component for 'CustomDatePicker' does not exist"

plz help me ,thx

Change Color of indicator Lines

How can the color of the indicator lines be changed?

The date range is from 10 years ago to 10 years later.

I want to use this package to set Date of Birth. But it can only represent date from 10 years ago.

[Suggestion] Evolve this datepicker

Hi!

It would be great to be provided utility functions to restrict minutes to fives ( 25, 30, 35, 40) or quarters ( 15, 30, 45, 00).

Uprade AigeStudio/WheelPicker

Hello, could you please upgrade the component to use AigeStudio/WheelPicker version at least 1.1.1? It fixes a lot of bugs.

For example now I am getting this error and I am hoping it is fixed in a newer version:

E/unknown:ReactNative: Exception in native call
java.lang.IndexOutOfBoundsException: Invalid index 0, size is 0
at java.util.ArrayList.throwIndexOutOfBoundsException(ArrayList.java:255)
at java.util.ArrayList.get(ArrayList.java:308)
at com.aigestudio.wheelpicker.core.AbstractWheelPicker.onSizeChanged(AbstractWheelPicker.java:234)
at com.aigestudio.wheelpicker.view.WheelCrossPicker.onSizeChanged(WheelCrossPicker.java:69)
at android.view.View.sizeChange(View.java:15703)
at android.view.View.setFrame(View.java:15676)
at android.view.View.layout(View.java:15592)
at com.facebook.react.uimanager.NativeViewHierarchyManager.updateLayout(NativeViewHierarchyManager.java:199)
at com.facebook.react.uimanager.NativeViewHierarchyManager.updateLayout(NativeViewHierarchyManager.java:184)
at com.facebook.react.uimanager.UIViewOperationQueue$UpdateLayoutOperation.execute(UIViewOperationQueue.java:125)
at com.facebook.react.uimanager.UIViewOperationQueue$1.run(UIViewOperationQueue.java:776)
at com.facebook.react.uimanager.UIViewOperationQueue.flushPendingBatches(UIViewOperationQueue.java:855)
at com.facebook.react.uimanager.UIViewOperationQueue.access$1600(UIViewOperationQueue.java:46)
at com.facebook.react.uimanager.UIViewOperationQueue$DispatchUIFrameCallback.doFrameGuarded(UIViewOperationQueue.java:900)
at com.facebook.react.uimanager.GuardedFrameCallback.doFrame(GuardedFrameCallback.java:31)
at com.facebook.react.modules.core.ReactChoreographer$ReactChoreographerDispatcher.doFrame(ReactChoreographer.java:136)
at com.facebook.react.modules.core.ChoreographerCompat$FrameCallback$1.doFrame(ChoreographerCompat.java:107)
at android.view.Choreographer$CallbackRecord.run(Choreographer.java:765)
at android.view.Choreographer.doCallbacks(Choreographer.java:580)
at android.view.Choreographer.doFrame(Choreographer.java:549)
at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:753)
at android.os.Handler.handleCallback(Handler.java:739)
at android.os.Handler.dispatchMessage(Handler.java:95)
at android.os.Looper.loop(Looper.java:135)
at android.app.ActivityThread.main(ActivityThread.java:5221)
at java.lang.reflect.Method.invoke(Native Method)
at java.lang.reflect.Method.invoke(Method.java:372)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:899)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:694)
D/AndroidRuntime: Shutting down VM
E/UncaughtException: java.lang.ArrayIndexOutOfBoundsException: length=0; index=-1
at java.util.ArrayList.get(ArrayList.java:310)
at com.aigestudio.wheelpicker.view.WheelCrossPicker.confirmData(WheelCrossPicker.java:144)
at com.aigestudio.wheelpicker.view.WheelCrossPicker.run(WheelCrossPicker.java:125)
at android.os.Handler.handleCallback(Handler.java:739)
at android.os.Handler.dispatchMessage(Handler.java:95)
at android.os.Looper.loop(Looper.java:135)
at android.app.ActivityThread.main(ActivityThread.java:5221)
at java.lang.reflect.Method.invoke(Native Method)
at java.lang.reflect.Method.invoke(Method.java:372)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:899)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:694)
D/FA: Event not sent since app measurement is disabled
E/AndroidRuntime: FATAL EXCEPTION: main
Process: com.slideslive.mobile, PID: 6114
java.lang.ArrayIndexOutOfBoundsException: length=0; index=-1
at java.util.ArrayList.get(ArrayList.java:310)
at com.aigestudio.wheelpicker.view.WheelCrossPicker.confirmData(WheelCrossPicker.java:144)
at com.aigestudio.wheelpicker.view.WheelCrossPicker.run(WheelCrossPicker.java:125)
at android.os.Handler.handleCallback(Handler.java:739)
at android.os.Handler.dispatchMessage(Handler.java:95)
at android.os.Looper.loop(Looper.java:135)
at android.app.ActivityThread.main(ActivityThread.java:5221)
at java.lang.reflect.Method.invoke(Native Method)
at java.lang.reflect.Method.invoke(Method.java:372)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:899)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:694)

The following packages use deprecated "rnpm" config that will stop working from next release:

I'm using "react-native-wheel-datepicker": "2.2.3" in my package.json with react-native 0.60 and I have following warning:

warn The following packages use deprecated "rnpm" config that will stop working from next release:- react-native-wheel-datepicker: https://github.com/pinguinjkeke/react-native-wheel-datepicker#readme

Could you please fix it?

Picker color on iOS

I was able to change the color on iOS of the Picker component only by setting the itemStyle property (with the color). I had to update the picker.js file on line 23 to this:
itemStyle: Text.propTypes.style,

"WheelCurvedPicker" does not exist

Giives Error: "WheelCurvedPicker" does not exist
Plz Help.

Month and period (am/pm) not showing on Android

datetime mode is not working on Android

Here's my code
<DatePicker
date={datetime}
style={[styles.datepicker, { marginTop: 16 }]}
onDateChange={(val) => this.onDateChange(val)}
mode="date"
minuteInterval={15}
/>

      <Picker
        selectedValue={duration}
        pickerData={this.durationData}
        style={styles.datepicker}
        onValueChange={val => this.onDurationChange(val)}
      />

My trouble is Picker is showing correctly on Android but not DatePicker
Can anyone please help me?

Changing picker delimiter color

HI.

Is there a way to change the color on the delimiter?
Similar to the question here