react-native-wheel-pick 1.2.4 → 1.2.6

package/README.md

@@ -122,6 +122,8 @@ onDateChange={(date: Date) => { console.log(date) }}
   isShowSelectLine={false} // Default is true
   selectLineColor='black'
   selectLineSize={6} // Default is 4
+
+  isCyclic={true} // Support Infinitely Scrolling.
 />
 
 // Android Only.
@@ -133,6 +135,13 @@ onDateChange={(date: Date) => { console.log(date) }}
 <Picker style={{ height: 50 }} />
 // DatePicker still not supported on Web.
 ```
+## How to change Font Family for Android
+
+1. Goto `android/app/src/main/res/values/styles.xml`
+2. Add this code `<item name="wheel_font_path">fonts/[FONT_NAME].ttf</item>`
+
+Thanks to [@RMabroukS](https://github.com/TronNatthakorn/react-native-wheel-pick/issues/58)
+
 ## FYI
 
 I rarely check this lib. (6 Months - 3 Years). Up on my life's time.
@@ -145,6 +154,15 @@ You can sponsor me
 OR you can fork this project instead.
 
 ## Release Note
+
+### 1.2.6 (Jul 5 2025)
+[Android]
+- Add support for `isCyclic` property on Android. (Infinitely Scrolling) Thanks to [@cip123](https://github.com/TronNatthakorn/react-native-wheel-pick/pull/67)
+
+### 1.2.5 (Jun 14 2025)
+[Android]
+- Fix Android DatePicker time mode default selection issue and correct hour range. Thanks to [@harryxu](https://github.com/TronNatthakorn/react-native-wheel-pick/pull/66)
+
 ### 1.2.4 (Feb 17 2025)
 [Web]
 - Test on `Platform.OS === 'web'`

package/android/src/main/java/com/tron/ReactWheelCurvedPickerManager.java

@@ -190,6 +190,14 @@ public class ReactWheelCurvedPickerManager extends SimpleViewManager<ReactWheelC
         }
     }
 
+    // @ReactProp(name="isCyclic")
+    @ReactProp(name="isCyclic")
+    public void setCyclic(ReactWheelCurvedPicker picker, boolean isCyclic) {
+        if (picker != null) {
+            picker.setCyclic(isCyclic);
+        }
+    }
+
     @Override
     public String getName() {
         return REACT_CLASS;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-wheel-pick",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "description": "React native wheel picker iOS style with android.",
   "main": "src/index.js",
   "scripts": {

package/src/date-picker.android.js

@@ -239,12 +239,14 @@ export default class DatePicker extends PureComponent {
 
     const [hours, minutes] = [[], []];
 
-    for (let i = 0; i <= 24; i += 1) {
-      hours.push(i);
+    for (let i = 0; i <= 23; i += 1) {
+      // hours.push(i);
+      hours.push({ value: i, label: `${i}` })
     }
 
     for (let i = 0; i <= 59; i += 1) {
-      minutes.push(i);
+      // minutes.push(i);
+      minutes.push({ value: i, label: `${i}` })
     }
 
     return [