react-native-wheel-picker-android ★186 - Simple and flexible React native wheel picker for Android, including DatePicker and TimePicker.

Overview

React native wheel picker V2

A simple Wheel Picker for Android (For IOs is using Picker from react-native)

Example

You can clone the repo and run example from ./example folder

Installation

yarn add react-native-wheel-picker-android

Automatic Installation

react-native link react-native-wheel-picker-android

Manual Android Installation

In android/settings.gradle

include ':react-native-wheel-picker-android'
project(':react-native-wheel-picker-android').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-wheel-picker-android/android')

In android/app/build.gradle

dependencies {
    ...
    compile project(':react-native-wheel-picker-android')
}

In android/app/src/main/java/com/PROJECT_NAME/MainApplication.java

@Override
protected List<ReactPackage> getPackages() {
  return Arrays.<ReactPackage>asList(new MainReactPackage(), new WheelPickerPackage());
}

Usage

import {
  WheelPicker,
  TimePicker,
  DatePicker
} from "react-native-wheel-picker-android";
import React, { Component } from "react";
import { AppRegistry, StyleSheet, Text, View, Button } from "react-native";

const wheelPickerData = [
  "sunday",
  "monday",
  "tuesday",
  "wednesday",
  "thursday",
  "friday"
];

class MyPicker extends Component {
  state = {
    selectedItem: 0
  };

  onItemSelected = selectedItem => {
    this.setState({ selectedItem });
  };

  onPress = () => {
    this.setState({ selectedItem: 3 });
  };

  render() {
    return (
      <View style={styles.container}>
        <Button title={"Select third element"} onPress={this.onPress} />
        <Text>Selected position: {this.state.selectedItem}</Text>
        <WheelPicker
          selectedItem={this.state.selectedItem}
          data={wheelPickerData}
          onItemSelected={this.onItemSelected}
        />
      </View>
    );
  }
}

module.exports = MyPicker;

Props

Prop Default Type Description
onItemSelected - func Returns selected position
data - Array<string> Data array
isCyclic false bool Make Wheel Picker cyclic
selectedItemTextColor black string Wheel Picker's selected Item text color
selectedItemTextSize 16 number Wheel Picker's selected Item text size
selectedItemTextFontFamily - font-family Wheel Picker's selected Item font
itemTextColor grey string Wheel Picker's Item Text Color
itemTextSize 16 number Wheel Picker's Item text size
itemTextFontFamily - font-family Wheel Picker's Item font
selectedItem 0 number Current item position
initPosition 0 number Initial item position
indicatorColor black string Indicator color
hideIndicator - boolean Hide indicator
indicatorWidth 1 number Indicator width
backgroundColor transparent string Wheel Picker background color
disabled undefind bool Disable picker selection

Time Picker

For IOs DatePickerIOS is used

onTimeSelected = date => {}
...
<TimePicker onTimeSelected={this.onTimeSelected}/>

Props

Prop Default Type Description
DatePickerIOS props - - All DatePickerIOS props (IOS only)
...WheelPicker props - - All style WheelPicker props (Android only)
initDate current date Date Initial date
onTimeSelected - func Callback with selected time
hours [1,2,3,4...] Array<string> Custom hours array (Android only)
minutes [00,05,10,15...] Array<string> Custom minutes array (Android only)
format24 false boolean Time format (Android only)

Date Picker

For IOs DatePickerIOS is used

onDateSelected = date => {}
...
<DatePicker onDateSelected={this.onDateSelected}/>

Props

Prop Default Type Description
DatePickerIOS props - - All DatePickerIOS props (IOS only)
initDate current date Date Initial date
onDateSelected - func Callback with selected date
days [1,2,3,4...] Array<string> Custom days array (Android only)
hours [1,2,3,4...] Array<string> Custom hours array (Android only)
minutes [00,05,10,15...] Array<string> Custom minutes array (Android only)
format24 false boolean Time format (Android only)
startDate current date Date Min Date (Android only)
daysCount 365 number Days count to display from start date (Android only)
hideDate false boolean Hide days picker (Android only)
hideHours false boolean Hide hours picker (Android only)
hideMinutes false boolean Hide minutes picker (Android only)
hideAM false boolean Hide time format picker (Android only)

Questions or suggestions?

Feel free to open an issue

Issues
  • Native component for

    Native component for "WheelPicker" does not exist

    I tried to add this component to my app, but when I do so I get:

    Invariant Violation: Native component for "WheelPicker" does not exist
    
    This error is located at:
      in WheelPicker (at WheelPicker.js:61)
      ...(more stacktrace output)
    

    What I've done:

    1. yarn add react-native-wheel-picker-android
    2. added it to my app like so:
    import { WheelPicker } from "react-native-wheel-picker-android";
    
    ...
    return (
    <View>
      <WheelPicker
        data={[1,2,3,4,5]}
        style={{width: 100, height: 100}}
      />
    </View>
    );
    
    1. Run react-native run-android
    opened by axelkennedal 11
  • App crashes initially *Logcat saying

    App crashes initially *Logcat saying " java.lang.ArithmeticException: divide by zero" *

    Whenever I launch the demo app with wheelpicker or any picker component, the app gets crashed. Logcat showing java.lang.ArithmeticException: divide by zero .

    Any workaround available then please let me know via comment :)

    opened by Tracklous 8
  • Why Invariant Violation:Invariant Violation:requireNativeComponent:“wheelPicker” was not found in the UIManager。

    Why Invariant Violation:Invariant Violation:requireNativeComponent:“wheelPicker” was not found in the UIManager。

    Why Invariant Violation:Invariant Violation:requireNativeComponent:“wheelPicker” was not found in the UIManager。

    rn:0.57.0

    thanks!

    bug 
    opened by KenPanda 8
  • `onItemSelected` method auto trigger in Android

    `onItemSelected` method auto trigger in Android

    onItemSelected method auto trigger in Android, so I can not set an initial value, It is always return 0

    opened by somebugs 7
  • Crash the app in react-native 0.57

    Crash the app in react-native 0.57

    Crash the app in react-native 0.57, could you help to check?

    opened by suihalee 5
  • onItemSelected is triggered onload (only on android device)

    onItemSelected is triggered onload (only on android device)

    On Load, onItemSelected is triggered with selected position as 0. Is there a way to stop this. I strongly recommend to have this solved.

    Because of this issue, only without default selected index the picker works.

    opened by js-jegan 5
  • inside ScrollView

    inside ScrollView

    Android version does not correctly work inside vertical ScrollView.

    opened by VBarzionov 5
  • picker width

    picker width

    how can make picker box smaller, i want to have three picker in one row like date picker but for persian? but now it not follow width of it's wrapper view:{flex:0.2}

    feature 
    opened by kingofday 5
  • Android - fix TimePicker initDate

    Android - fix TimePicker initDate

    Use selectedItem & initPosition together will mess up time picker's initial date, and selectedItem is not necessary for time picker (date picker doesn't have it too)

    Edit: remove selectedItem will break the scrolling

    opened by wsliaw 4
  • TimePicker is not cyclic (ios)

    TimePicker is not cyclic (ios)

    I've experienced that the TimePicker for IOS is not cyclic. This works fine for Android.

    Did i oversee something?

    iOS screenshot Screen Shot 2019-06-24 at 08 54 28

    Android screenshot Screenshot_1561359262

    Code

    import React from 'react';
    import { HoursAndMinutes } from '../interfaces/Calendar';
    import { TimePicker } from 'react-native-wheel-picker-android'
    
    interface Props {
        onChange: ({ hours, minutes }: HoursAndMinutes) => void;
        initialValue?: any;
        minuteInterval?: string[];
        hourInterval?: string[];
    }
    
    interface State {
        initialDate: any;
    }
    
    export default class Timepicker extends React.Component<Props, State> {
    
        static defaultProps = {
            minuteInterval: ['00', '15', '30', '45'],
    
        };
    
        state: State = {
            initialDate: null,
        };
    
        componentWillMount() {
            const { initialValue }: Props = this.props;
            const { initialDate }: State = this.state;
    
    
            this.setState({
                initialDate: initialValue && (initialDate !== initialValue) ? new Date(initialValue) : new Date(),
            });
        }
    
        render() {
            const { minuteInterval, hourInterval }: Props = this.props;
            const { initialDate }: State = this.state;
    
            return <TimePicker
                isCyclic
                format24
                hideDate={true}
                initDate={initialDate}
                minutes={minuteInterval}
                hours={hourInterval}
                onTimeSelected={this.handleOnChange}
            />;
        }
    
        handleOnChange = (date: Date) => {
            const { onChange }: Props = this.props;
            this.setState({ initialDate: date });
    
            onChange({
                hours: new Date(date).getHours(),
                minutes: new Date(date).getMinutes(),
            });
        }
    }
    
    
    feature 
    opened by arelstone 4
  • NPM still points to 2.0.6

    NPM still points to 2.0.6

    Can you please uppdate NPM to point to the latest version?

    opened by KalAvroniev 2
  • Picker from react-native is Deprecated

    Picker from react-native is Deprecated

    please update WheelPicker.ios.js use @react-native-picker/picker instead

    opened by alex521 3
  • Android - Prop: selectedItem, WheelPicker on Modal not selected item at given index when open Modal.

    Android - Prop: selectedItem, WheelPicker on Modal not selected item at given index when open Modal.

    In Android, When we use WheelPicker on a Modal, on open Modal its not selected automatically given index after react native upgrade 0.65.

    <WheelPicker selectedItem={props.selectedIndex} data={props.data} onItemSelected={(index) => props.onSelectedIndex(index)} />

    npm - "react-native-wheel-picker-android": "^2.0.6",

    Any solution? TIA.

    opened by bhuvnesh93 0
  • Bump tmpl from 1.0.4 to 1.0.5 in /example

    Bump tmpl from 1.0.4 to 1.0.5 in /example

    Bumps tmpl from 1.0.4 to 1.0.5.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Extend RNPicker props

    Extend RNPicker props

    So we can use itemStyle and other options without syntax errors.

    <WheelPicker
        selectedItem={this.state.selectedItem}
        data={wheelPickerData}
        onItemSelected={this.onItemSelected}
        // Add itemStyle as per @react-native-community/picker docs
        // @reference https://github.com/react-native-picker/picker#props-1
        itemStyle={{ color: "white" }}
        {...moreIosProps}
      />
    

    It would also remove both of these users "syntax errors" since it does actually work if you pass those props. https://github.com/Cero-Studio/ReactNativeWheelPicker/issues/160 https://github.com/Cero-Studio/ReactNativeWheelPicker/issues/159

    opened by hamishhossack 0
  • props not working in iOS

    props not working in iOS

    Screen Shot 2021-09-09 at 13 12 10

    hello, im reporting a new issue

    as shown as the image above, I'm developing an App in iOS. And i cant use these props.

    itemTextColor
    hideIndicator
    

    is this to be expected because its supposed to be a library for android? Thank you in advance!

    opened by kozafe 0
  • FontFamily changes not reflected on iOS

    FontFamily changes not reflected on iOS

    @ArtemKosiakevych - Changes to fontFamily are not being reflected on iOS, but they are reflected on Android.

    `export enum FontFamily { Bold = 'Roboto-Bold', Medium = 'Roboto-Medium', Regular = 'Roboto-Regular', }

    interface PickerParams { fontFamily: FontFamily pickerData: string[] startAtPosition: number selectedItemPosition: number fontSize: number selectedItemTextColor: string }

    export const PickerView: FC = ({ fontFamily, pickerData, selectedItemPosition, fontSize, selectedItemTextColor, }) => { return ( <WheelPicker selectedItemTextSize={fontSize} itemTextSize={fontSize} itemTextFontFamily={fontFamily} selectedItemTextFontFamily={fontFamily} selectedItemTextColor={selectedItemTextColor} selectedItem={selectedItemPosition} data={pickerData} hideIndicator={true} /> ) } `

    opened by gayathri-nair03 0
  • Bump path-parse from 1.0.6 to 1.0.7 in /example

    Bump path-parse from 1.0.6 to 1.0.7 in /example

    Bumps path-parse from 1.0.6 to 1.0.7.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump react-native from 0.61.5 to 0.62.3 in /example

    Bump react-native from 0.61.5 to 0.62.3 in /example

    Bumps react-native from 0.61.5 to 0.62.3.

    Release notes

    Sourced from react-native's releases.

    v0.62.3

    This patch release is specifically targetted towards Xcode 12.5. The changes done are tailored to unblock developers still relying on v0.62 of RN.

    Aside from bumping your version from 0.62.2 to 0.62.3, please make sure to add this line to your podfile (or modify it if you already had it):

    use_flipper!('Flipper' => '0.75.1', 'Flipper-Folly' => '2.5.3', 'Flipper-RSocket' => '1.3.1')
    

    After which, do all the classic necessary cleans (node_modules, caches, pod folders, etc)(react-native-clean-project is your ally) then do yarn install and a pod install --repo-update (if pod install fails on an error about a Flipper package, just remove the relevant lines from the podfile.lock and run the pod install again).

    The only other commit picked & released along the Xcode 12.5 fixes is:

    • Update validateBaseUrl to use latest regex (commit) which fixes CVE-2020-1920, GHSL-2020-293.

    To help you upgrade to this version, you can use the upgrade helper ⚛️


    You can find the whole changelog history over at react-native-releases.

    v0.62.2

    This release fixes a few minor issues that were reported by the community. You can view the complete changelog here.

    You can participate in the conversation for the next patch release in the dedicated issue.


    To help you upgrade to this version, you can use the new upgrade helper ⚛️


    You can find the whole changelog history over at react-native-releases.

    v0.62.1

    This release fixes a YellowBox regression in v0.62.0 where the Flipper network inspector causes YellowBox to crash the app due to using base64 images.

    You can view the complete changelog here.

    You can participate in the conversation for the next patch release in the dedicated issue.


    To help you upgrade to this version, you can use the new upgrade helper ⚛️


    You can find the whole changelog history over at react-native-releases.

    ... (truncated)

    Commits
    • 83425fa [0.62.3] Bump version numbers
    • c6f4611 [local] change autolink to match requirements for FlipperFolly working with X...
    • c4ea556 [local] change podfile to rely on the autolink-ios rb file
    • ca09ae8 Update validateBaseUrl to use latest regex
    • 166a5dd Get ReactiveNative compiled with Clang 10 (#28362)
    • 158b558 [local] update detox to work on Xcode 12
    • b9944e5 [0.62.2] Bump version numbers
    • f89c509 Make Vibration.vibrate compatible with TurboModules (#27951)
    • 8858d87 Exclude all FlipperKit transitive dependencies from iOS Release builds (#28504)
    • 4fd9c9d Fix Appearance module when using Chrome Debugger
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump glob-parent from 5.1.0 to 5.1.2 in /example

    Bump glob-parent from 5.1.0 to 5.1.2 in /example

    Bumps glob-parent from 5.1.0 to 5.1.2.

    Release notes

    Sourced from glob-parent's releases.

    v5.1.2

    Bug Fixes

    v5.1.1

    Bug Fixes

    Changelog

    Sourced from glob-parent's changelog.

    5.1.2 (2021-03-06)

    Bug Fixes

    6.0.0 (2021-05-03)

    ⚠ BREAKING CHANGES

    • Correct mishandled escaped path separators (#34)
    • upgrade scaffold, dropping node <10 support

    Bug Fixes

    • Correct mishandled escaped path separators (#34) (32f6d52), closes #32

    Miscellaneous Chores

    • upgrade scaffold, dropping node <10 support (e83d0c5)

    5.1.1 (2021-01-27)

    Bug Fixes

    Commits
    • eb2c439 chore: update changelog
    • 12bcb6c chore: release 5.1.2
    • f923116 fix: eliminate ReDoS (#36)
    • 0b014a7 chore: add JSDoc returns information (#33)
    • 2b24ebd chore: generate initial changelog
    • 9b6e874 chore: release 5.1.1
    • 749c35e ci: try wrapping the JOB_ID in a string
    • 5d39def ci: attempt to switch to published coveralls
    • 0b5b37f ci: put the npm step back in for only Windows
    • 473f5d8 ci: update azure build images
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
Owner
Kalon.Tech
Kalon.Tech
react-native-wheel-picker ★190 - React native cross platform picker.

react-native-wheel-picker Introduction Cross platform Picker component based on React-native. Since picker is originally supported by ios while Androi

Yu Zheng (Sam) 289 Jan 4, 2022
:rainbow: A react native reusable and color picker wheel

react-native-color-wheel ?? A react native reusable and color picker wheel Usage import React, { Component } from 'react'; import { Dimensions, StyleS

Netbeast 159 Jan 7, 2022
React native custom timepicker (24 hours format) for iOS

React Native TimePicker For iOS React native custom timepicker (24 hours format) for iOS Screenshots Installation $ npm i react-native-timepicker --sa

Rokas Milasevicius 23 Apr 21, 2020
react native datePicker component for both Android and IOS, useing DatePikcerAndroid, TimePickerAndroid and DatePickerIOS

react-native-datepicker React Native DatePicker component for both Android and iOS, using DatePickerAndroid, TimePickerAndroid and DatePickerIOS Insta

X  Fruit Team 2.1k Jan 13, 2022
Platform independent (Android / iOS) Selectbox | Picker | Multi-select | Multi-picker.

react-native-multi-selectbox Platform independent (Android / iOS) Selectbox | Picker | Multi-select | Multi-picker. The idea is to bring out the commo

Saurav Gupta 140 Jan 9, 2022
A Cross Platform(Android & iOS) ActionSheet with a flexible api, native performance and zero dependency code for react native. Create anything you want inside ActionSheet.

react-native-actions-sheet A highly customizable cross platform ActionSheet for react native. Screenshots Features Cross Platform (iOS and Android) Na

Ammar Ahmed 678 Jan 14, 2022
Simple and flexible Radio button for React Native App

React Native Flexi Radio Button Simple and flexible Radio button for React Native App Installation npm i react-native-flexi-radio-button --save Usage

Watcharachai Kanjaikaew 154 Dec 20, 2021
A simple search box with animation, inspired from ios search bar. Lightweight, fast, flexible.

React Native Search Box A simple search box with animation, inspired from ios search bar. Lightweight, fast, flexible, customizable. Support both iOS/

React Native Vietnam 445 Jan 10, 2022
react-native-photo-grid ★31 - React Native component that handles the complexities of building a grid of photos with a flexible number of photos per row.

react-native-photo-grid React Native component that handles the complexities of building a grid of photos with a flexible number of photos per row Ins

Christopher 33 Mar 11, 2021
Flexible and lightweight React Native component for UITableView made with pure CSS

react-native-tableview-simple ?? This component is used in my production app Game ideas. Make sure to check it out! ?? This cross-platform component i

Patrick Puritscher 437 Jan 14, 2022
A android like toast for android and ios, android use native toast, ios use UIView+Toast

React Native Toast (remobile) A android like toast for react-native support for ios and android Installation npm install @remobile/react-native-toast

YunJiang.Fang 347 Jul 23, 2021
🔽 A Picker component for React Native which emulates the native select> interfaces for iOS and Android

react-native-picker-select A Picker component for React Native which emulates the native <select> interfaces for iOS and Android For iOS, by default w

LawnStarter Organization 1.4k Jan 13, 2022
An awesome and cross-platform React Native date picker and calendar component for iOS and Android

react-native-common-date-picker An awesome and cross-platform React Native date picker and calendar component for iOS and Android. This package is des

chenlong 68 Jan 17, 2022
An unified React Native Picker Modal component for iOS and Android.

React Native Picker Modal View React Native Module to select item picker modal. Created by Pankod An alternative to Picker and PickerIOS components wi

Pankod 171 Jan 7, 2022
A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections.

react-native-modal-picker A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sectio

Dan 397 Dec 23, 2021
A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections.

react-native-modal-selector A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sect

Peace 330 Jan 15, 2022
react native Picker component for both Android and iOS based on pure JavaScript [for the old realize, you can use the version 0.0.8]

The React-Native-Picker react native Picker component for both Android and iOS based on pure JavaScript. Main For the iOS, using PickerIOS as the basi

X  Fruit Team 78 Aug 3, 2021
A React-Native datetime-picker for Android and iOS

react-native-modal-datetime-picker A declarative cross-platform react-native date and time picker. This library exposes a cross-platform interface for

Matteo Mazzarolo 2.4k Jan 20, 2022
A react-native dropdown/picker/selector component for both Android & iOS.

react-native-modal-dropdown A react-native dropdown/picker/selector component for both Android & iOS. Features Pure JS. Compatible with both iOS and A

Rex Rao 1.1k Jan 8, 2022