├── .circleci └── config.yml ├── .editorconfig ├── .gitattributes ├── .gitignore ├── .husky ├── .npmignore ├── commit-msg └── pre-commit ├── .yarnrc ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── android ├── build.gradle └── src │ └── main │ ├── AndroidManifest.xml │ └── java │ └── com │ └── reactnativepicky │ ├── Picky.java │ ├── PickyManager.java │ ├── PickyPackage.java │ └── events │ └── ItemSelectedEvent.java ├── babel.config.js ├── docs ├── android-multi-column-loop.gif ├── android-single-column.gif ├── ios-multi-column-loop.gif └── ios-single-column.gif ├── example ├── android │ ├── app │ │ ├── build.gradle │ │ ├── debug.keystore │ │ ├── proguard-rules.pro │ │ └── src │ │ │ ├── debug │ │ │ ├── AndroidManifest.xml │ │ │ └── java │ │ │ │ └── com │ │ │ │ └── example │ │ │ │ └── reactnativepicky │ │ │ │ └── ReactNativeFlipper.java │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ └── com │ │ │ │ └── example │ │ │ │ └── reactnativepicky │ │ │ │ ├── MainActivity.java │ │ │ │ ├── MainApplication.java │ │ │ │ └── newarchitecture │ │ │ │ ├── MainApplicationReactNativeHost.java │ │ │ │ ├── components │ │ │ │ └── MainComponentsRegistry.java │ │ │ │ └── modules │ │ │ │ └── MainApplicationTurboModuleManagerDelegate.java │ │ │ ├── jni │ │ │ ├── Android.mk │ │ │ ├── MainApplicationModuleProvider.cpp │ │ │ ├── MainApplicationModuleProvider.h │ │ │ ├── MainApplicationTurboModuleManagerDelegate.cpp │ │ │ ├── MainApplicationTurboModuleManagerDelegate.h │ │ │ ├── MainComponentsRegistry.cpp │ │ │ ├── MainComponentsRegistry.h │ │ │ └── OnLoad.cpp │ │ │ └── res │ │ │ ├── drawable │ │ │ └── rn_edit_text_material.xml │ │ │ ├── mipmap-hdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-mdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxxhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ └── values │ │ │ ├── strings.xml │ │ │ └── styles.xml │ ├── build.gradle │ ├── gradle.properties │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── gradlew │ ├── gradlew.bat │ └── settings.gradle ├── app.json ├── babel.config.js ├── index.tsx ├── ios │ ├── File.swift │ ├── PickyExample-Bridging-Header.h │ ├── PickyExample.xcodeproj │ │ ├── project.pbxproj │ │ └── xcshareddata │ │ │ └── xcschemes │ │ │ └── PickyExample.xcscheme │ ├── PickyExample.xcworkspace │ │ ├── contents.xcworkspacedata │ │ └── xcshareddata │ │ │ └── IDEWorkspaceChecks.plist │ ├── PickyExample │ │ ├── AppDelegate.h │ │ ├── AppDelegate.mm │ │ ├── Images.xcassets │ │ │ ├── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ │ └── Contents.json │ │ ├── Info.plist │ │ ├── LaunchScreen.storyboard │ │ └── main.m │ ├── Podfile │ └── Podfile.lock ├── metro.config.js ├── package.json ├── src │ └── App.tsx └── yarn.lock ├── ios ├── Picky.h ├── Picky.m ├── Picky.xcodeproj │ └── project.pbxproj ├── PickyLabel.h ├── PickyLabel.m ├── PickyManager.h └── PickyManager.m ├── package.json ├── react-native-picky.podspec ├── scripts └── bootstrap.js ├── src ├── NativePicker.tsx ├── Picker.tsx ├── PickerColumn.tsx ├── PickerItem.tsx ├── __tests__ │ └── Picker.test.tsx ├── index.ts └── types.ts ├── tsconfig.build.json ├── tsconfig.json └── yarn.lock /.circleci/config.yml: -------------------------------------------------------------------------------- 1 | version: 2.1 2 | 3 | executors: 4 | default: 5 | docker: 6 | - image: circleci/node:10 7 | working_directory: ~/project 8 | 9 | commands: 10 | attach_project: 11 | steps: 12 | - attach_workspace: 13 | at: ~/project 14 | 15 | jobs: 16 | install-dependencies: 17 | executor: default 18 | steps: 19 | - checkout 20 | - attach_project 21 | - restore_cache: 22 | keys: 23 | - dependencies-{{ checksum "package.json" }} 24 | - dependencies- 25 | - restore_cache: 26 | keys: 27 | - dependencies-example-{{ checksum "example/package.json" }} 28 | - dependencies-example- 29 | - run: 30 | name: Install dependencies 31 | command: | 32 | yarn install --cwd example --frozen-lockfile 33 | yarn install --frozen-lockfile 34 | - save_cache: 35 | key: dependencies-{{ checksum "package.json" }} 36 | paths: node_modules 37 | - save_cache: 38 | key: dependencies-example-{{ checksum "example/package.json" }} 39 | paths: example/node_modules 40 | - persist_to_workspace: 41 | root: . 42 | paths: . 43 | 44 | lint: 45 | executor: default 46 | steps: 47 | - attach_project 48 | - run: 49 | name: Lint files 50 | command: | 51 | yarn lint 52 | 53 | typescript: 54 | executor: default 55 | steps: 56 | - attach_project 57 | - run: 58 | name: Typecheck files 59 | command: | 60 | yarn typescript 61 | 62 | unit-tests: 63 | executor: default 64 | steps: 65 | - attach_project 66 | - run: 67 | name: Run unit tests 68 | command: | 69 | yarn test --coverage 70 | - store_artifacts: 71 | path: coverage 72 | destination: coverage 73 | 74 | build-package: 75 | executor: default 76 | steps: 77 | - attach_project 78 | - run: 79 | name: Build package 80 | command: | 81 | yarn prepare 82 | 83 | workflows: 84 | build-and-test: 85 | jobs: 86 | - install-dependencies 87 | - lint: 88 | requires: 89 | - install-dependencies 90 | - typescript: 91 | requires: 92 | - install-dependencies 93 | - unit-tests: 94 | requires: 95 | - install-dependencies 96 | - build-package: 97 | requires: 98 | - install-dependencies 99 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # EditorConfig helps developers define and maintain consistent 2 | # coding styles between different editors and IDEs 3 | # editorconfig.org 4 | 5 | root = true 6 | 7 | [*] 8 | 9 | indent_style = space 10 | indent_size = 2 11 | 12 | end_of_line = lf 13 | charset = utf-8 14 | trim_trailing_whitespace = true 15 | insert_final_newline = true 16 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | # specific for windows script files 3 | *.bat text eol=crlf -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # XDE 6 | .expo/ 7 | 8 | # VSCode 9 | .vscode/ 10 | jsconfig.json 11 | 12 | # Xcode 13 | # 14 | build/ 15 | *.pbxuser 16 | !default.pbxuser 17 | *.mode1v3 18 | !default.mode1v3 19 | *.mode2v3 20 | !default.mode2v3 21 | *.perspectivev3 22 | !default.perspectivev3 23 | xcuserdata 24 | *.xccheckout 25 | *.moved-aside 26 | DerivedData 27 | *.hmap 28 | *.ipa 29 | *.xcuserstate 30 | project.xcworkspace 31 | 32 | # Android/IJ 33 | # 34 | .classpath 35 | .cxx 36 | .gradle 37 | .idea 38 | .project 39 | .settings 40 | local.properties 41 | android.iml 42 | 43 | # Cocoapods 44 | # 45 | example/ios/Pods 46 | 47 | # node.js 48 | # 49 | node_modules/ 50 | npm-debug.log 51 | yarn-debug.log 52 | yarn-error.log 53 | 54 | # BUCK 55 | buck-out/ 56 | \.buckd/ 57 | android/app/libs 58 | android/keystores/debug.keystore 59 | 60 | # Expo 61 | .expo/* 62 | 63 | # generated by bob 64 | lib/ 65 | -------------------------------------------------------------------------------- /.husky/.npmignore: -------------------------------------------------------------------------------- 1 | _ 2 | -------------------------------------------------------------------------------- /.husky/commit-msg: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | . "$(dirname "$0")/_/husky.sh" 3 | 4 | yarn commitlint -E HUSKY_GIT_PARAMS 5 | -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | . "$(dirname "$0")/_/husky.sh" 3 | 4 | yarn lint && yarn typescript 5 | -------------------------------------------------------------------------------- /.yarnrc: -------------------------------------------------------------------------------- 1 | # Override Yarn command so we can automatically setup the repo on running `yarn` 2 | 3 | yarn-path "scripts/bootstrap.js" 4 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing 2 | 3 | We want this community to be friendly and respectful to each other. Please follow it in all your interactions with the project. 4 | 5 | ## Development workflow 6 | 7 | To get started with the project, run `yarn` in the root directory to install the required dependencies for each package: 8 | 9 | ```sh 10 | yarn 11 | ``` 12 | 13 | > While it's possible to use [`npm`](https://github.com/npm/cli), the tooling is built around [`yarn`](https://classic.yarnpkg.com/), so you'll have an easier time if you use `yarn` for development. 14 | 15 | While developing, you can run the [example app](/example/) to test your changes. Any changes you make in your library's JavaScript code will be reflected in the example app without a rebuild. If you change any native code, then you'll need to rebuild the example app. 16 | 17 | To start the packager: 18 | 19 | ```sh 20 | yarn example start 21 | ``` 22 | 23 | To run the example app on Android: 24 | 25 | ```sh 26 | yarn example android 27 | ``` 28 | 29 | To run the example app on iOS: 30 | 31 | ```sh 32 | yarn example ios 33 | ``` 34 | 35 | Make sure your code passes TypeScript and ESLint. Run the following to verify: 36 | 37 | ```sh 38 | yarn typescript 39 | yarn lint 40 | ``` 41 | 42 | To fix formatting errors, run the following: 43 | 44 | ```sh 45 | yarn lint --fix 46 | ``` 47 | 48 | Remember to add tests for your change if possible. Run the unit tests by: 49 | 50 | ```sh 51 | yarn test 52 | ``` 53 | 54 | To edit the Objective-C files, open `example/ios/PickyExample.xcworkspace` in XCode and find the source files at `Pods > Development Pods > react-native-picky`. 55 | 56 | To edit the Kotlin files, open `example/android` in Android studio and find the source files at `reactnativepicky` under `Android`. 57 | 58 | ### Commit message convention 59 | 60 | We follow the [conventional commits specification](https://www.conventionalcommits.org/en) for our commit messages: 61 | 62 | - `fix`: bug fixes, e.g. fix crash due to deprecated method. 63 | - `feat`: new features, e.g. add new method to the module. 64 | - `refactor`: code refactor, e.g. migrate from class components to hooks. 65 | - `docs`: changes into documentation, e.g. add usage example for the module.. 66 | - `test`: adding or updating tests, e.g. add integration tests using detox. 67 | - `chore`: tooling changes, e.g. change CI config. 68 | 69 | Our pre-commit hooks verify that your commit message matches this format when committing. 70 | 71 | ### Linting and tests 72 | 73 | [ESLint](https://eslint.org/), [Prettier](https://prettier.io/), [TypeScript](https://www.typescriptlang.org/) 74 | 75 | We use [TypeScript](https://www.typescriptlang.org/) for type checking, [ESLint](https://eslint.org/) with [Prettier](https://prettier.io/) for linting and formatting the code, and [Jest](https://jestjs.io/) for testing. 76 | 77 | Our pre-commit hooks verify that the linter and tests pass when committing. 78 | 79 | ### Publishing to npm 80 | 81 | We use [release-it](https://github.com/release-it/release-it) to make it easier to publish new versions. It handles common tasks like bumping version based on semver, creating tags and releases etc. 82 | 83 | To publish new versions, run the following: 84 | 85 | ```sh 86 | yarn release 87 | ``` 88 | 89 | ### Scripts 90 | 91 | The `package.json` file contains various scripts for common tasks: 92 | 93 | - `yarn bootstrap`: setup project by installing all dependencies and pods. 94 | - `yarn typescript`: type-check files with TypeScript. 95 | - `yarn lint`: lint files with ESLint. 96 | - `yarn test`: run unit tests with Jest. 97 | - `yarn example start`: start the Metro server for the example app. 98 | - `yarn example android`: run the example app on Android. 99 | - `yarn example ios`: run the example app on iOS. 100 | 101 | ### Sending a pull request 102 | 103 | > **Working on your first pull request?** You can learn how from this _free_ series: [How to Contribute to an Open Source Project on GitHub](https://app.egghead.io/playlists/how-to-contribute-to-an-open-source-project-on-github). 104 | 105 | When you're sending a pull request: 106 | 107 | - Prefer small pull requests focused on one change. 108 | - Verify that linters and tests are passing. 109 | - Review the documentation to make sure it looks good. 110 | - Follow the pull request template when opening a pull request. 111 | - For pull requests that change the API or implementation, discuss with maintainers first by opening an issue. 112 | 113 | ## Code of Conduct 114 | 115 | ### Our Pledge 116 | 117 | We as members, contributors, and leaders pledge to make participation in our community a harassment-free experience for everyone, regardless of age, body size, visible or invisible disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, or sexual identity and orientation. 118 | 119 | We pledge to act and interact in ways that contribute to an open, welcoming, diverse, inclusive, and healthy community. 120 | 121 | ### Our Standards 122 | 123 | Examples of behavior that contributes to a positive environment for our community include: 124 | 125 | - Demonstrating empathy and kindness toward other people 126 | - Being respectful of differing opinions, viewpoints, and experiences 127 | - Giving and gracefully accepting constructive feedback 128 | - Accepting responsibility and apologizing to those affected by our mistakes, and learning from the experience 129 | - Focusing on what is best not just for us as individuals, but for the overall community 130 | 131 | Examples of unacceptable behavior include: 132 | 133 | - The use of sexualized language or imagery, and sexual attention or 134 | advances of any kind 135 | - Trolling, insulting or derogatory comments, and personal or political attacks 136 | - Public or private harassment 137 | - Publishing others' private information, such as a physical or email 138 | address, without their explicit permission 139 | - Other conduct which could reasonably be considered inappropriate in a 140 | professional setting 141 | 142 | ### Enforcement Responsibilities 143 | 144 | Community leaders are responsible for clarifying and enforcing our standards of acceptable behavior and will take appropriate and fair corrective action in response to any behavior that they deem inappropriate, threatening, offensive, or harmful. 145 | 146 | Community leaders have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, and will communicate reasons for moderation decisions when appropriate. 147 | 148 | ### Scope 149 | 150 | This Code of Conduct applies within all community spaces, and also applies when an individual is officially representing the community in public spaces. Examples of representing our community include using an official e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. 151 | 152 | ### Enforcement 153 | 154 | Instances of abusive, harassing, or otherwise unacceptable behavior may be reported to the community leaders responsible for enforcement at [INSERT CONTACT METHOD]. All complaints will be reviewed and investigated promptly and fairly. 155 | 156 | All community leaders are obligated to respect the privacy and security of the reporter of any incident. 157 | 158 | ### Enforcement Guidelines 159 | 160 | Community leaders will follow these Community Impact Guidelines in determining the consequences for any action they deem in violation of this Code of Conduct: 161 | 162 | #### 1. Correction 163 | 164 | **Community Impact**: Use of inappropriate language or other behavior deemed unprofessional or unwelcome in the community. 165 | 166 | **Consequence**: A private, written warning from community leaders, providing clarity around the nature of the violation and an explanation of why the behavior was inappropriate. A public apology may be requested. 167 | 168 | #### 2. Warning 169 | 170 | **Community Impact**: A violation through a single incident or series of actions. 171 | 172 | **Consequence**: A warning with consequences for continued behavior. No interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, for a specified period of time. This includes avoiding interactions in community spaces as well as external channels like social media. Violating these terms may lead to a temporary or permanent ban. 173 | 174 | #### 3. Temporary Ban 175 | 176 | **Community Impact**: A serious violation of community standards, including sustained inappropriate behavior. 177 | 178 | **Consequence**: A temporary ban from any sort of interaction or public communication with the community for a specified period of time. No public or private interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, is allowed during this period. Violating these terms may lead to a permanent ban. 179 | 180 | #### 4. Permanent Ban 181 | 182 | **Community Impact**: Demonstrating a pattern of violation of community standards, including sustained inappropriate behavior, harassment of an individual, or aggression toward or disparagement of classes of individuals. 183 | 184 | **Consequence**: A permanent ban from any sort of public interaction within the community. 185 | 186 | ### Attribution 187 | 188 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 2.0, 189 | available at https://www.contributor-covenant.org/version/2/0/code_of_conduct.html. 190 | 191 | Community Impact Guidelines were inspired by [Mozilla's code of conduct enforcement ladder](https://github.com/mozilla/diversity). 192 | 193 | [homepage]: https://www.contributor-covenant.org 194 | 195 | For answers to common questions about this code of conduct, see the FAQ at 196 | https://www.contributor-covenant.org/faq. Translations are available at https://www.contributor-covenant.org/translations. 197 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Liam Andrew 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ⛏️ react-native-picky 2 | 3 | An awesome native wheel picker component for react-native. 4 | 5 | ## Features 6 | 7 | - Supports multiple columns ✅ 8 | 9 | - Supports looping ✅ 10 | 11 | - Native Android and iOS components for improved performance ✅ 12 | 13 | - Typescript ✅ 14 | 15 | ## Preview 16 | 17 | | Preview | iOS | Android | 18 | | ----------------------------- | -------------------------------------------------------- | ------------------------------------------------------------ | 19 | | Single Column | | | 20 | | Multiple Columns with looping | | | 21 | 22 | ## Installation 23 | 24 | ```sh 25 | yarn add react-native-picky 26 | ``` 27 | 28 | ## Quick Start 29 | 30 | ```tsx 31 | import { Picker, PickerColumn, PickerItem } from 'react-native-picky'; 32 | 33 | export const Demo = () => ( 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | ); 44 | ``` 45 | 46 | ## Props 47 | 48 | ### `` 49 | 50 | | Property | Type | Description | Platform | Default | 51 | | -------------- | -------- | --------------------------------------------------------- | ------------ | -------------------- | 52 | | loop | boolean | Enable looping options | iOS, Android | false | 53 | | style | object | View style prop | iOS, Android | | 54 | | onChange | function | A callback function when a value is changed in any column | iOS, Android | | 55 | | numberOfLines | number | The number of lines for each row in a column | iOS | 1 | 56 | | hasCurtain | boolean | Enable the curtain to highlight the selected value | Android | true | 57 | | curtainColor | string | Color of the curtain | Android | hsla(0, 0%, 0%, 0.1) | 58 | | hasIndicator | boolean | Enable the indicator to highlight the selected value | Android | true | 59 | | indicatorColor | string | Color of the indicator | Android | hsla(0, 0%, 0%, 0.1) | 60 | | indicatorSize | number | The size of the indicator | Android | 1 | 61 | | itemSpace | number | The amount of space between items | Android | 12 | 62 | | textColor | string | The color of the item text | Android | #000000 | 63 | | textSize | number | The size of the item text | Android | 20 | 64 | 65 | ### `` 66 | 67 | | Property | Type | Description | Platform | Default | 68 | | ------------- | ---------------- | ---------------------------------------------------------- | ------------ | ---------------------------- | 69 | | selectedValue | string \| number | The selected value | iOS, Android | | 70 | | onChange | function | A callback function if the value is changed in this column | iOS, Android | | 71 | | width | number | The width of this column | iOS, Android | Takes up the available space | 72 | 73 | ### `` 74 | 75 | | Property | Type | Description | Platform | Default | 76 | | -------- | ---------------- | -------------------------- | ------------ | ------- | 77 | | label | string | The label of the item | iOS, Android | | 78 | | value | string \| number | The value of the item | iOS, Android | | 79 | | testID | string | The testID of the item | iOS | | 80 | | color | string | The color of the item text | iOS | | 81 | 82 | ## Contributing 83 | 84 | See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow. 85 | 86 | ## License 87 | 88 | MIT 89 | -------------------------------------------------------------------------------- /android/build.gradle: -------------------------------------------------------------------------------- 1 | buildscript { 2 | if (project == rootProject) { 3 | repositories { 4 | google() 5 | mavenCentral() 6 | jcenter() 7 | } 8 | 9 | dependencies { 10 | classpath 'com.android.tools.build:gradle:3.5.3' 11 | } 12 | } 13 | } 14 | 15 | apply plugin: 'com.android.library' 16 | 17 | def safeExtGet(prop, fallback) { 18 | rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback 19 | } 20 | 21 | rootProject.allprojects { 22 | repositories { 23 | jcenter() 24 | google() 25 | } 26 | } 27 | 28 | android { 29 | compileSdkVersion safeExtGet('Picky_compileSdkVersion', 29) 30 | defaultConfig { 31 | minSdkVersion safeExtGet('Picky_minSdkVersion', 16) 32 | targetSdkVersion safeExtGet('Picky_targetSdkVersion', 29) 33 | versionCode 1 34 | versionName "1.0" 35 | 36 | } 37 | 38 | buildTypes { 39 | release { 40 | minifyEnabled false 41 | } 42 | } 43 | lintOptions { 44 | disable 'GradleCompatible' 45 | } 46 | compileOptions { 47 | sourceCompatibility JavaVersion.VERSION_1_8 48 | targetCompatibility JavaVersion.VERSION_1_8 49 | } 50 | } 51 | 52 | repositories { 53 | mavenLocal() 54 | maven { 55 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 56 | url("$rootDir/../node_modules/react-native/android") 57 | } 58 | google() 59 | mavenCentral() 60 | jcenter() 61 | } 62 | 63 | dependencies { 64 | //noinspection GradleDynamicVersion 65 | implementation "com.facebook.react:react-native:+" // From node_modules 66 | 67 | implementation "cn.aigestudio.wheelpicker:WheelPicker:1.1.3" 68 | } 69 | -------------------------------------------------------------------------------- /android/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /android/src/main/java/com/reactnativepicky/Picky.java: -------------------------------------------------------------------------------- 1 | package com.reactnativepicky; 2 | 3 | import com.aigestudio.wheelpicker.WheelPicker; 4 | import com.facebook.react.bridge.ReactContext; 5 | import com.facebook.react.uimanager.UIManagerModule; 6 | import com.facebook.react.uimanager.events.EventDispatcher; 7 | import com.reactnativepicky.events.ItemSelectedEvent; 8 | 9 | import java.util.List; 10 | 11 | public class Picky extends WheelPicker { 12 | 13 | private final EventDispatcher mEventDispatcher; 14 | private List mValueData; 15 | private int mState; 16 | private int mColumn; 17 | 18 | public Picky(ReactContext reactContext) { 19 | super(reactContext); 20 | mEventDispatcher = reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher(); 21 | setOnWheelChangeListener(new OnWheelChangeListener() { 22 | @Override 23 | public void onWheelScrolled(int offset) { 24 | } 25 | 26 | @Override 27 | public void onWheelSelected(int index) { 28 | if (mValueData != null && index < mValueData.size()) { 29 | mEventDispatcher.dispatchEvent( 30 | new ItemSelectedEvent(getId(), mValueData.get(index), index, mColumn)); 31 | } 32 | } 33 | 34 | @Override 35 | public void onWheelScrollStateChanged(int state) { 36 | mState = state; 37 | } 38 | }); 39 | } 40 | 41 | @Override 42 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 43 | super.onMeasure(widthMeasureSpec, heightMeasureSpec); 44 | } 45 | 46 | public void setValueData(List data) { 47 | mValueData = data; 48 | } 49 | 50 | public void setColumn(int column) { 51 | mColumn = column; 52 | } 53 | 54 | public int getState() { 55 | return mState; 56 | } 57 | } 58 | 59 | -------------------------------------------------------------------------------- /android/src/main/java/com/reactnativepicky/PickyManager.java: -------------------------------------------------------------------------------- 1 | package com.reactnativepicky; 2 | 3 | import android.graphics.Color; 4 | 5 | import androidx.annotation.NonNull; 6 | 7 | import com.aigestudio.wheelpicker.WheelPicker; 8 | import com.facebook.react.bridge.ReadableArray; 9 | import com.facebook.react.bridge.ReadableMap; 10 | import com.facebook.react.bridge.ReadableType; 11 | import com.facebook.react.common.MapBuilder; 12 | import com.facebook.react.uimanager.PixelUtil; 13 | import com.facebook.react.uimanager.SimpleViewManager; 14 | import com.facebook.react.uimanager.ThemedReactContext; 15 | import com.facebook.react.uimanager.annotations.ReactProp; 16 | import com.reactnativepicky.events.ItemSelectedEvent; 17 | 18 | import java.util.ArrayList; 19 | import java.util.Map; 20 | 21 | public class PickyManager extends SimpleViewManager { 22 | public static final String REACT_CLASS = "Picky"; 23 | 24 | private static final int DEFAULT_TEXT_SIZE = 25 * 2; 25 | private static final int DEFAULT_ITEM_SPACE = 14 * 2; 26 | 27 | @Override 28 | @NonNull 29 | public String getName() { 30 | return REACT_CLASS; 31 | } 32 | 33 | @Override 34 | @NonNull 35 | public Picky createViewInstance(ThemedReactContext reactContext) { 36 | Picky picker = new Picky(reactContext); 37 | 38 | picker.setAtmospheric(true); 39 | 40 | picker.setCurved(true); 41 | 42 | picker.setVisibleItemCount(5); 43 | 44 | /** 45 | * ALIGN_CENTER = 0, ALIGN_LEFT = 1, ALIGN_RIGHT = 2; 46 | */ 47 | picker.setItemAlign(0); 48 | 49 | return picker; 50 | } 51 | 52 | @Override 53 | public Map getExportedCustomDirectEventTypeConstants() { 54 | return MapBuilder.of( 55 | ItemSelectedEvent.EVENT_NAME, MapBuilder.of("registrationName", "onChange") 56 | ); 57 | } 58 | 59 | @ReactProp(name="column") 60 | public void setColumn(Picky picker, int column) { 61 | if (picker != null) { 62 | picker.setColumn(column); 63 | } 64 | } 65 | 66 | @ReactProp(name="data") 67 | public void setData(Picky picker, ReadableArray items) { 68 | if (picker != null) { 69 | ArrayList valueData = new ArrayList<>(); 70 | ArrayList labelData = new ArrayList<>(); 71 | for (int i = 0; i < items.size(); i ++) { 72 | ReadableMap itemMap = items.getMap(i); 73 | ReadableType valueType = itemMap.getType("value"); 74 | if (valueType == ReadableType.String) { 75 | valueData.add(itemMap.getString("value")); 76 | } else if (valueType == ReadableType.Number) { 77 | valueData.add(itemMap.getDouble("value")); 78 | } 79 | 80 | labelData.add(itemMap.getString("label")); 81 | } 82 | picker.setValueData(valueData); 83 | picker.setData(labelData); 84 | } 85 | } 86 | 87 | @ReactProp(name="selectedIndex") 88 | public void setSelectedIndex(Picky picker, int index) { 89 | if (picker != null && picker.getState() == WheelPicker.SCROLL_STATE_IDLE) { 90 | picker.setSelectedItemPosition(index, false); 91 | picker.invalidate(); 92 | } 93 | } 94 | 95 | @ReactProp(name="loop") 96 | public void setLoop(Picky picker, boolean loop) { 97 | if (picker != null) { 98 | picker.setCyclic(loop); 99 | } 100 | } 101 | 102 | @ReactProp(name="textColor") 103 | public void setTextColor(Picky picker, Integer color) { 104 | if (picker != null) { 105 | picker.setItemTextColor(color); 106 | picker.setSelectedItemTextColor(color); 107 | } 108 | } 109 | 110 | @ReactProp(name="textSize") 111 | public void setTextSize(Picky picker, int size) { 112 | if (picker != null) { 113 | picker.setItemTextSize((int) PixelUtil.toPixelFromDIP(size)); 114 | } 115 | } 116 | 117 | @ReactProp(name="itemSpace") 118 | public void setItemSpace(Picky picker, int space) { 119 | if (picker != null) { 120 | picker.setItemSpace((int) PixelUtil.toPixelFromDIP(space)); 121 | } 122 | } 123 | 124 | @ReactProp(name="hasCurtain") 125 | public void setHasCurtain(Picky picker, boolean hasCurtain) { 126 | if (picker != null) { 127 | picker.setCurtain(hasCurtain); 128 | } 129 | } 130 | 131 | @ReactProp(name="curtainColor") 132 | public void setCurtainColor(Picky picker, int color) { 133 | if (picker != null) { 134 | picker.setCurtainColor(color); 135 | } 136 | } 137 | 138 | @ReactProp(name="hasIndicator") 139 | public void setHasIndicator(Picky picker, boolean hasIndicator) { 140 | if (picker != null) { 141 | picker.setIndicator(hasIndicator); 142 | } 143 | } 144 | 145 | @ReactProp(name="indicatorColor") 146 | public void setIndicatorColor(Picky picker, int color) { 147 | if (picker != null) { 148 | picker.setIndicatorColor(color); 149 | } 150 | } 151 | 152 | @ReactProp(name="indicatorSize") 153 | public void setIndicatorSize(Picky picker, int size) { 154 | if (picker != null) { 155 | picker.setIndicatorSize(size); 156 | } 157 | } 158 | } 159 | -------------------------------------------------------------------------------- /android/src/main/java/com/reactnativepicky/PickyPackage.java: -------------------------------------------------------------------------------- 1 | package com.reactnativepicky; 2 | 3 | import com.facebook.react.ReactPackage; 4 | import com.facebook.react.bridge.NativeModule; 5 | import com.facebook.react.bridge.ReactApplicationContext; 6 | import com.facebook.react.uimanager.ViewManager; 7 | 8 | import java.util.Arrays; 9 | import java.util.Collections; 10 | import java.util.List; 11 | 12 | public class PickyPackage implements ReactPackage { 13 | @Override 14 | public List createNativeModules(ReactApplicationContext reactContext) { 15 | return Collections.emptyList(); 16 | } 17 | 18 | @Override 19 | public List createViewManagers(ReactApplicationContext reactContext) { 20 | return Arrays.asList(new PickyManager()); 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /android/src/main/java/com/reactnativepicky/events/ItemSelectedEvent.java: -------------------------------------------------------------------------------- 1 | package com.reactnativepicky.events; 2 | 3 | import com.facebook.react.bridge.Arguments; 4 | import com.facebook.react.bridge.WritableMap; 5 | import com.facebook.react.uimanager.events.Event; 6 | import com.facebook.react.uimanager.events.RCTEventEmitter; 7 | 8 | public class ItemSelectedEvent extends Event { 9 | 10 | public static final String EVENT_NAME = "pickyItemSelected"; 11 | 12 | private final Object mValue; 13 | private final int mColumn; 14 | private final int mIndex; 15 | 16 | public ItemSelectedEvent(int viewTag, Object value, int index, int column) { 17 | super(viewTag); 18 | mValue = value; 19 | mIndex = index; 20 | mColumn = column; 21 | } 22 | 23 | @Override 24 | public String getEventName() { 25 | return EVENT_NAME; 26 | } 27 | 28 | // @Override 29 | // public WritableMap getEventData() { 30 | // WritableMap eventData = Arguments.createMap(); 31 | // 32 | // Class mValueClass = mValue.getClass(); 33 | // if (mValueClass == Integer.class) { 34 | // eventData.putInt("data", (Integer) mValue); 35 | // } else if (mValueClass == String.class) { 36 | // eventData.putString("data", mValue.toString()); 37 | // } 38 | // 39 | // return eventData; 40 | // } 41 | 42 | @Override 43 | public void dispatch(RCTEventEmitter rctEventEmitter) { 44 | rctEventEmitter.receiveEvent(getViewTag(), getEventName(), serializeEventData()); 45 | } 46 | 47 | private WritableMap serializeEventData() { 48 | WritableMap eventData = Arguments.createMap(); 49 | 50 | Class mValueClass = mValue.getClass(); 51 | if (mValueClass == Integer.class) { 52 | eventData.putInt("value", (Integer) mValue); 53 | } else if (mValueClass == Double.class) { 54 | eventData.putDouble("value", (Double) mValue); 55 | } else if (mValueClass == String.class) { 56 | eventData.putString("value", mValue.toString()); 57 | } 58 | 59 | eventData.putInt("index", mIndex); 60 | eventData.putInt("column", mColumn); 61 | 62 | return eventData; 63 | } 64 | } 65 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ['module:metro-react-native-babel-preset'], 3 | }; 4 | -------------------------------------------------------------------------------- /docs/android-multi-column-loop.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/docs/android-multi-column-loop.gif -------------------------------------------------------------------------------- /docs/android-single-column.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/docs/android-single-column.gif -------------------------------------------------------------------------------- /docs/ios-multi-column-loop.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/docs/ios-multi-column-loop.gif -------------------------------------------------------------------------------- /docs/ios-single-column.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/docs/ios-single-column.gif -------------------------------------------------------------------------------- /example/android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | 3 | import com.android.build.OutputFile 4 | import org.apache.tools.ant.taskdefs.condition.Os 5 | 6 | /** 7 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 8 | * and bundleReleaseJsAndAssets). 9 | * These basically call `react-native bundle` with the correct arguments during the Android build 10 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 11 | * bundle directly from the development server. Below you can see all the possible configurations 12 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 13 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 14 | * 15 | * project.ext.react = [ 16 | * // the name of the generated asset file containing your JS bundle 17 | * bundleAssetName: "index.android.bundle", 18 | * 19 | * // the entry file for bundle generation 20 | * entryFile: "index.android.js", 21 | * 22 | * // https://reactnative.dev/docs/performance#enable-the-ram-format 23 | * bundleCommand: "ram-bundle", 24 | * 25 | * // whether to bundle JS and assets in debug mode 26 | * bundleInDebug: false, 27 | * 28 | * // whether to bundle JS and assets in release mode 29 | * bundleInRelease: true, 30 | * 31 | * // whether to bundle JS and assets in another build variant (if configured). 32 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 33 | * // The configuration property can be in the following formats 34 | * // 'bundleIn${productFlavor}${buildType}' 35 | * // 'bundleIn${buildType}' 36 | * // bundleInFreeDebug: true, 37 | * // bundleInPaidRelease: true, 38 | * // bundleInBeta: true, 39 | * 40 | * // whether to disable dev mode in custom build variants (by default only disabled in release) 41 | * // for PickyExample: to disable dev mode in the staging build type (if configured) 42 | * devDisabledInStaging: true, 43 | * // The configuration property can be in the following formats 44 | * // 'devDisabledIn${productFlavor}${buildType}' 45 | * // 'devDisabledIn${buildType}' 46 | * 47 | * // the root of your project, i.e. where "package.json" lives 48 | * root: "../../", 49 | * 50 | * // where to put the JS bundle asset in debug mode 51 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 52 | * 53 | * // where to put the JS bundle asset in release mode 54 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 55 | * 56 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 57 | * // require('./image.png')), in debug mode 58 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 59 | * 60 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 61 | * // require('./image.png')), in release mode 62 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 63 | * 64 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 65 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 66 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 67 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 68 | * // for PickyExample, you might want to remove it from here. 69 | * inputExcludes: ["android/**", "ios/**"], 70 | * 71 | * // override which node gets called and with what additional arguments 72 | * nodeExecutableAndArgs: ["node"], 73 | * 74 | * // supply additional arguments to the packager 75 | * extraPackagerArgs: [] 76 | * ] 77 | */ 78 | 79 | project.ext.react = [ 80 | enableHermes: false, // clean and rebuild if changing 81 | entryFile: "index.tsx", 82 | ] 83 | 84 | apply from: "../../node_modules/react-native/react.gradle" 85 | 86 | /** 87 | * Set this to true to create two separate APKs instead of one: 88 | * - An APK that only works on ARM devices 89 | * - An APK that only works on x86 devices 90 | * The advantage is the size of the APK is reduced by about 4MB. 91 | * Upload all the APKs to the Play Store and people will download 92 | * the correct one based on the CPU architecture of their device. 93 | */ 94 | def enableSeparateBuildPerCPUArchitecture = false 95 | 96 | /** 97 | * Run Proguard to shrink the Java bytecode in release builds. 98 | */ 99 | def enableProguardInReleaseBuilds = false 100 | 101 | /** 102 | * The preferred build flavor of JavaScriptCore. 103 | * 104 | * For PickyExample, to use the international variant, you can use: 105 | * `def jscFlavor = 'org.webkit:android-jsc-intl:+'` 106 | * 107 | * The international variant includes ICU i18n library and necessary data 108 | * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that 109 | * give correct results when using with locales other than en-US. Note that 110 | * this variant is about 6MiB larger per architecture than default. 111 | */ 112 | def jscFlavor = 'org.webkit:android-jsc:+' 113 | 114 | /** 115 | * Whether to enable the Hermes VM. 116 | * 117 | * This should be set on project.ext.react and that value will be read here. If it is not set 118 | * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode 119 | * and the benefits of using Hermes will therefore be sharply reduced. 120 | */ 121 | def enableHermes = project.ext.react.get("enableHermes", false); 122 | 123 | /** 124 | * Architectures to build native code for. 125 | */ 126 | def reactNativeArchitectures() { 127 | def value = project.getProperties().get("reactNativeArchitectures") 128 | return value ? value.split(",") : ["armeabi-v7a", "x86", "x86_64", "arm64-v8a"] 129 | } 130 | 131 | android { 132 | ndkVersion rootProject.ext.ndkVersion 133 | compileSdkVersion rootProject.ext.compileSdkVersion 134 | 135 | defaultConfig { 136 | applicationId "com.example.reactnativepicky" 137 | minSdkVersion rootProject.ext.minSdkVersion 138 | targetSdkVersion rootProject.ext.targetSdkVersion 139 | versionCode 1 140 | versionName "1.0" 141 | buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString() 142 | 143 | if (isNewArchitectureEnabled()) { 144 | // We configure the NDK build only if you decide to opt-in for the New Architecture. 145 | externalNativeBuild { 146 | ndkBuild { 147 | arguments "APP_PLATFORM=android-21", 148 | "APP_STL=c++_shared", 149 | "NDK_TOOLCHAIN_VERSION=clang", 150 | "GENERATED_SRC_DIR=$buildDir/generated/source", 151 | "PROJECT_BUILD_DIR=$buildDir", 152 | "REACT_ANDROID_DIR=$rootDir/../node_modules/react-native/ReactAndroid", 153 | "REACT_ANDROID_BUILD_DIR=$rootDir/../node_modules/react-native/ReactAndroid/build" 154 | cFlags "-Wall", "-Werror", "-fexceptions", "-frtti", "-DWITH_INSPECTOR=1" 155 | cppFlags "-std=c++17" 156 | // Make sure this target name is the same you specify inside the 157 | // src/main/jni/Android.mk file for the `LOCAL_MODULE` variable. 158 | targets "reactnativepicky_appmodules" 159 | // Fix for windows limit on number of character in file paths and in command lines 160 | if (Os.isFamily(Os.FAMILY_WINDOWS)) { 161 | arguments "NDK_APP_SHORT_COMMANDS=true" 162 | } 163 | } 164 | } 165 | if (!enableSeparateBuildPerCPUArchitecture) { 166 | ndk { 167 | abiFilters (*reactNativeArchitectures()) 168 | } 169 | } 170 | } 171 | } 172 | 173 | if (isNewArchitectureEnabled()) { 174 | // We configure the NDK build only if you decide to opt-in for the New Architecture. 175 | externalNativeBuild { 176 | ndkBuild { 177 | path "$projectDir/src/main/jni/Android.mk" 178 | } 179 | } 180 | def reactAndroidProjectDir = project(':ReactAndroid').projectDir 181 | def packageReactNdkDebugLibs = tasks.register("packageReactNdkDebugLibs", Copy) { 182 | dependsOn(":ReactAndroid:packageReactNdkDebugLibsForBuck") 183 | from("$reactAndroidProjectDir/src/main/jni/prebuilt/lib") 184 | into("$buildDir/react-ndk/exported") 185 | } 186 | def packageReactNdkReleaseLibs = tasks.register("packageReactNdkReleaseLibs", Copy) { 187 | dependsOn(":ReactAndroid:packageReactNdkReleaseLibsForBuck") 188 | from("$reactAndroidProjectDir/src/main/jni/prebuilt/lib") 189 | into("$buildDir/react-ndk/exported") 190 | } 191 | afterEvaluate { 192 | // If you wish to add a custom TurboModule or component locally, 193 | // you should uncomment this line. 194 | // preBuild.dependsOn("generateCodegenArtifactsFromSchema") 195 | preDebugBuild.dependsOn(packageReactNdkDebugLibs) 196 | preReleaseBuild.dependsOn(packageReactNdkReleaseLibs) 197 | 198 | // Due to a bug inside AGP, we have to explicitly set a dependency 199 | // between configureNdkBuild* tasks and the preBuild tasks. 200 | // This can be removed once this is solved: https://issuetracker.google.com/issues/207403732 201 | configureNdkBuildRelease.dependsOn(preReleaseBuild) 202 | configureNdkBuildDebug.dependsOn(preDebugBuild) 203 | reactNativeArchitectures().each { architecture -> 204 | tasks.findByName("configureNdkBuildDebug[${architecture}]")?.configure { 205 | dependsOn("preDebugBuild") 206 | } 207 | tasks.findByName("configureNdkBuildRelease[${architecture}]")?.configure { 208 | dependsOn("preReleaseBuild") 209 | } 210 | } 211 | } 212 | } 213 | 214 | splits { 215 | abi { 216 | reset() 217 | enable enableSeparateBuildPerCPUArchitecture 218 | universalApk false // If true, also generate a universal APK 219 | include (*reactNativeArchitectures()) 220 | } 221 | } 222 | signingConfigs { 223 | debug { 224 | storeFile file('debug.keystore') 225 | storePassword 'android' 226 | keyAlias 'androiddebugkey' 227 | keyPassword 'android' 228 | } 229 | } 230 | buildTypes { 231 | debug { 232 | signingConfig signingConfigs.debug 233 | } 234 | release { 235 | // Caution! In production, you need to generate your own keystore file. 236 | // see https://reactnative.dev/docs/signed-apk-android. 237 | signingConfig signingConfigs.debug 238 | minifyEnabled enableProguardInReleaseBuilds 239 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 240 | } 241 | } 242 | // applicationVariants are e.g. debug, release 243 | applicationVariants.all { variant -> 244 | variant.outputs.each { output -> 245 | // For each separate APK per architecture, set a unique version code as described here: 246 | // https://developer.android.com/studio/build/configure-apk-splits.html 247 | // Example: versionCode 1 will generate 1001 for armeabi-v7a, 1002 for x86, etc. 248 | def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4] 249 | def abi = output.getFilter(OutputFile.ABI) 250 | if (abi != null) { // null for the universal-debug, universal-release variants 251 | output.versionCodeOverride = 252 | defaultConfig.versionCode * 1000 + versionCodes.get(abi) 253 | } 254 | 255 | } 256 | } 257 | } 258 | 259 | dependencies { 260 | implementation fileTree(dir: "libs", include: ["*.jar"]) 261 | 262 | //noinspection GradleDynamicVersion 263 | implementation "com.facebook.react:react-native:+" // From node_modules 264 | 265 | implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0" 266 | debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") { 267 | exclude group:'com.facebook.fbjni' 268 | } 269 | debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") { 270 | exclude group:'com.facebook.flipper' 271 | exclude group:'com.squareup.okhttp3', module:'okhttp' 272 | } 273 | debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") { 274 | exclude group:'com.facebook.flipper' 275 | } 276 | 277 | if (enableHermes) { 278 | def hermesPath = "../../node_modules/hermes-engine/android/"; 279 | debugImplementation files(hermesPath + "hermes-debug.aar") 280 | releaseImplementation files(hermesPath + "hermes-release.aar") 281 | } else { 282 | implementation jscFlavor 283 | } 284 | 285 | implementation project(':reactnativepicky') 286 | } 287 | 288 | if (isNewArchitectureEnabled()) { 289 | // If new architecture is enabled, we let you build RN from source 290 | // Otherwise we fallback to a prebuilt .aar bundled in the NPM package. 291 | // This will be applied to all the imported transtitive dependency. 292 | configurations.all { 293 | resolutionStrategy.dependencySubstitution { 294 | substitute(module("com.facebook.react:react-native")) 295 | .using(project(":ReactAndroid")).because("On New Architecture we're building React Native from source") 296 | } 297 | } 298 | } 299 | 300 | // Run this once to be able to run the application with BUCK 301 | // puts all compile dependencies into folder libs for BUCK to use 302 | task copyDownloadableDepsToLibs(type: Copy) { 303 | from configurations.implementation 304 | into 'libs' 305 | } 306 | 307 | apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project) 308 | 309 | def isNewArchitectureEnabled() { 310 | // To opt-in for the New Architecture, you can either: 311 | // - Set `newArchEnabled` to true inside the `gradle.properties` file 312 | // - Invoke gradle with `-newArchEnabled=true` 313 | // - Set an environment variable `ORG_GRADLE_PROJECT_newArchEnabled=true` 314 | return project.hasProperty("newArchEnabled") && project.newArchEnabled == "true" 315 | } 316 | -------------------------------------------------------------------------------- /example/android/app/debug.keystore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/example/android/app/debug.keystore -------------------------------------------------------------------------------- /example/android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | -------------------------------------------------------------------------------- /example/android/app/src/debug/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /example/android/app/src/debug/java/com/example/reactnativepicky/ReactNativeFlipper.java: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) Meta Platforms, Inc. and affiliates. 3 | * 4 | *

This source code is licensed under the MIT license found in the LICENSE file in the root 5 | * directory of this source tree. 6 | */ 7 | package com.example.reactnativepicky; 8 | 9 | import android.content.Context; 10 | import com.facebook.flipper.android.AndroidFlipperClient; 11 | import com.facebook.flipper.android.utils.FlipperUtils; 12 | import com.facebook.flipper.core.FlipperClient; 13 | import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin; 14 | import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin; 15 | import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin; 16 | import com.facebook.flipper.plugins.inspector.DescriptorMapping; 17 | import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin; 18 | import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor; 19 | import com.facebook.flipper.plugins.network.NetworkFlipperPlugin; 20 | import com.facebook.flipper.plugins.react.ReactFlipperPlugin; 21 | import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin; 22 | import com.facebook.react.ReactInstanceEventListener; 23 | import com.facebook.react.ReactInstanceManager; 24 | import com.facebook.react.bridge.ReactContext; 25 | import com.facebook.react.modules.network.NetworkingModule; 26 | import okhttp3.OkHttpClient; 27 | 28 | public class ReactNativeFlipper { 29 | public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) { 30 | if (FlipperUtils.shouldEnableFlipper(context)) { 31 | final FlipperClient client = AndroidFlipperClient.getInstance(context); 32 | client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults())); 33 | client.addPlugin(new ReactFlipperPlugin()); 34 | client.addPlugin(new DatabasesFlipperPlugin(context)); 35 | client.addPlugin(new SharedPreferencesFlipperPlugin(context)); 36 | client.addPlugin(CrashReporterPlugin.getInstance()); 37 | NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin(); 38 | NetworkingModule.setCustomClientBuilder( 39 | new NetworkingModule.CustomClientBuilder() { 40 | @Override 41 | public void apply(OkHttpClient.Builder builder) { 42 | builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin)); 43 | } 44 | }); 45 | client.addPlugin(networkFlipperPlugin); 46 | client.start(); 47 | // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized 48 | // Hence we run if after all native modules have been initialized 49 | ReactContext reactContext = reactInstanceManager.getCurrentReactContext(); 50 | if (reactContext == null) { 51 | reactInstanceManager.addReactInstanceEventListener( 52 | new ReactInstanceEventListener() { 53 | @Override 54 | public void onReactContextInitialized(ReactContext reactContext) { 55 | reactInstanceManager.removeReactInstanceEventListener(this); 56 | reactContext.runOnNativeModulesQueueThread( 57 | new Runnable() { 58 | @Override 59 | public void run() { 60 | client.addPlugin(new FrescoFlipperPlugin()); 61 | } 62 | }); 63 | } 64 | }); 65 | } else { 66 | client.addPlugin(new FrescoFlipperPlugin()); 67 | } 68 | } 69 | } 70 | } 71 | -------------------------------------------------------------------------------- /example/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 13 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/example/reactnativepicky/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.example.reactnativepicky; 2 | 3 | import com.facebook.react.ReactActivity; 4 | import com.facebook.react.ReactActivityDelegate; 5 | import com.facebook.react.ReactRootView; 6 | 7 | public class MainActivity extends ReactActivity { 8 | 9 | /** 10 | * Returns the name of the main component registered from JavaScript. This is used to schedule 11 | * rendering of the component. 12 | */ 13 | @Override 14 | protected String getMainComponentName() { 15 | return "PickyExample"; 16 | } 17 | 18 | /** 19 | * Returns the instance of the {@link ReactActivityDelegate}. There the RootView is created and 20 | * you can specify the rendered you wish to use (Fabric or the older renderer). 21 | */ 22 | @Override 23 | protected ReactActivityDelegate createReactActivityDelegate() { 24 | return new MainActivityDelegate(this, getMainComponentName()); 25 | } 26 | 27 | public static class MainActivityDelegate extends ReactActivityDelegate { 28 | public MainActivityDelegate(ReactActivity activity, String mainComponentName) { 29 | super(activity, mainComponentName); 30 | } 31 | 32 | @Override 33 | protected ReactRootView createRootView() { 34 | ReactRootView reactRootView = new ReactRootView(getContext()); 35 | // If you opted-in for the New Architecture, we enable the Fabric Renderer. 36 | reactRootView.setIsFabric(BuildConfig.IS_NEW_ARCHITECTURE_ENABLED); 37 | return reactRootView; 38 | } 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/example/reactnativepicky/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.example.reactnativepicky; 2 | 3 | import android.app.Application; 4 | import android.content.Context; 5 | import com.facebook.react.PackageList; 6 | import com.facebook.react.ReactApplication; 7 | import com.facebook.react.ReactNativeHost; 8 | import com.facebook.react.ReactPackage; 9 | import com.facebook.react.config.ReactFeatureFlags; 10 | import com.facebook.react.ReactInstanceManager; 11 | import com.facebook.soloader.SoLoader; 12 | import com.example.reactnativepicky.newarchitecture.MainApplicationReactNativeHost; 13 | import java.lang.reflect.InvocationTargetException; 14 | import java.util.List; 15 | import com.reactnativepicky.PickyPackage; 16 | 17 | public class MainApplication extends Application implements ReactApplication { 18 | 19 | private final ReactNativeHost mReactNativeHost = 20 | new ReactNativeHost(this) { 21 | @Override 22 | public boolean getUseDeveloperSupport() { 23 | return BuildConfig.DEBUG; 24 | } 25 | 26 | @Override 27 | protected List getPackages() { 28 | @SuppressWarnings("UnnecessaryLocalVariable") 29 | List packages = new PackageList(this).getPackages(); 30 | // Packages that cannot be autolinked yet can be added manually here, for PickyExample: 31 | // packages.add(new MyReactNativePackage()); 32 | packages.add(new PickyPackage()); 33 | return packages; 34 | } 35 | 36 | @Override 37 | protected String getJSMainModuleName() { 38 | return "index"; 39 | } 40 | }; 41 | 42 | private final ReactNativeHost mNewArchitectureNativeHost = 43 | new MainApplicationReactNativeHost(this); 44 | 45 | @Override 46 | public ReactNativeHost getReactNativeHost() { 47 | if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) { 48 | return mNewArchitectureNativeHost; 49 | } else { 50 | return mReactNativeHost; 51 | } 52 | } 53 | 54 | @Override 55 | public void onCreate() { 56 | super.onCreate(); 57 | // If you opted-in for the New Architecture, we enable the TurboModule system 58 | ReactFeatureFlags.useTurboModules = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED; 59 | SoLoader.init(this, /* native exopackage */ false); 60 | initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); // Remove this line if you don't want Flipper enabled 61 | } 62 | 63 | /** 64 | * Loads Flipper in React Native templates. 65 | * 66 | * @param context 67 | */ 68 | private static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) { 69 | if (BuildConfig.DEBUG) { 70 | try { 71 | /* 72 | We use reflection here to pick up the class that initializes Flipper, 73 | since Flipper library is not available in release mode 74 | */ 75 | Class aClass = Class.forName("com.example.reactnativepicky.ReactNativeFlipper"); 76 | aClass 77 | .getMethod("initializeFlipper", Context.class, ReactInstanceManager.class) 78 | .invoke(null, context, reactInstanceManager); 79 | } catch (ClassNotFoundException e) { 80 | e.printStackTrace(); 81 | } catch (NoSuchMethodException e) { 82 | e.printStackTrace(); 83 | } catch (IllegalAccessException e) { 84 | e.printStackTrace(); 85 | } catch (InvocationTargetException e) { 86 | e.printStackTrace(); 87 | } 88 | } 89 | } 90 | } 91 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/example/reactnativepicky/newarchitecture/MainApplicationReactNativeHost.java: -------------------------------------------------------------------------------- 1 | package com.example.reactnativepicky.newarchitecture; 2 | 3 | import android.app.Application; 4 | import androidx.annotation.NonNull; 5 | import com.facebook.react.PackageList; 6 | import com.facebook.react.ReactInstanceManager; 7 | import com.facebook.react.ReactNativeHost; 8 | import com.facebook.react.ReactPackage; 9 | import com.facebook.react.ReactPackageTurboModuleManagerDelegate; 10 | import com.facebook.react.bridge.JSIModulePackage; 11 | import com.facebook.react.bridge.JSIModuleProvider; 12 | import com.facebook.react.bridge.JSIModuleSpec; 13 | import com.facebook.react.bridge.JSIModuleType; 14 | import com.facebook.react.bridge.JavaScriptContextHolder; 15 | import com.facebook.react.bridge.ReactApplicationContext; 16 | import com.facebook.react.bridge.UIManager; 17 | import com.facebook.react.fabric.ComponentFactory; 18 | import com.facebook.react.fabric.CoreComponentsRegistry; 19 | import com.facebook.react.fabric.EmptyReactNativeConfig; 20 | import com.facebook.react.fabric.FabricJSIModuleProvider; 21 | import com.facebook.react.uimanager.ViewManagerRegistry; 22 | import com.example.reactnativepicky.BuildConfig; 23 | import com.example.reactnativepicky.newarchitecture.components.MainComponentsRegistry; 24 | import com.example.reactnativepicky.newarchitecture.modules.MainApplicationTurboModuleManagerDelegate; 25 | import java.util.ArrayList; 26 | import java.util.List; 27 | 28 | /** 29 | * A {@link ReactNativeHost} that helps you load everything needed for the New Architecture, both 30 | * TurboModule delegates and the Fabric Renderer. 31 | * 32 | *

Please note that this class is used ONLY if you opt-in for the New Architecture (see the 33 | * `newArchEnabled` property). Is ignored otherwise. 34 | */ 35 | public class MainApplicationReactNativeHost extends ReactNativeHost { 36 | public MainApplicationReactNativeHost(Application application) { 37 | super(application); 38 | } 39 | 40 | @Override 41 | public boolean getUseDeveloperSupport() { 42 | return BuildConfig.DEBUG; 43 | } 44 | 45 | @Override 46 | protected List getPackages() { 47 | List packages = new PackageList(this).getPackages(); 48 | // Packages that cannot be autolinked yet can be added manually here, for example: 49 | // packages.add(new MyReactNativePackage()); 50 | // TurboModules must also be loaded here providing a valid TurboReactPackage implementation: 51 | // packages.add(new TurboReactPackage() { ... }); 52 | // If you have custom Fabric Components, their ViewManagers should also be loaded here 53 | // inside a ReactPackage. 54 | return packages; 55 | } 56 | 57 | @Override 58 | protected String getJSMainModuleName() { 59 | return "index"; 60 | } 61 | 62 | @NonNull 63 | @Override 64 | protected ReactPackageTurboModuleManagerDelegate.Builder 65 | getReactPackageTurboModuleManagerDelegateBuilder() { 66 | // Here we provide the ReactPackageTurboModuleManagerDelegate Builder. This is necessary 67 | // for the new architecture and to use TurboModules correctly. 68 | return new MainApplicationTurboModuleManagerDelegate.Builder(); 69 | } 70 | 71 | @Override 72 | protected JSIModulePackage getJSIModulePackage() { 73 | return new JSIModulePackage() { 74 | @Override 75 | public List getJSIModules( 76 | final ReactApplicationContext reactApplicationContext, 77 | final JavaScriptContextHolder jsContext) { 78 | final List specs = new ArrayList<>(); 79 | 80 | // Here we provide a new JSIModuleSpec that will be responsible of providing the 81 | // custom Fabric Components. 82 | specs.add( 83 | new JSIModuleSpec() { 84 | @Override 85 | public JSIModuleType getJSIModuleType() { 86 | return JSIModuleType.UIManager; 87 | } 88 | 89 | @Override 90 | public JSIModuleProvider getJSIModuleProvider() { 91 | final ComponentFactory componentFactory = new ComponentFactory(); 92 | CoreComponentsRegistry.register(componentFactory); 93 | 94 | // Here we register a Components Registry. 95 | // The one that is generated with the template contains no components 96 | // and just provides you the one from React Native core. 97 | MainComponentsRegistry.register(componentFactory); 98 | 99 | final ReactInstanceManager reactInstanceManager = getReactInstanceManager(); 100 | 101 | ViewManagerRegistry viewManagerRegistry = 102 | new ViewManagerRegistry( 103 | reactInstanceManager.getOrCreateViewManagers(reactApplicationContext)); 104 | 105 | return new FabricJSIModuleProvider( 106 | reactApplicationContext, 107 | componentFactory, 108 | new EmptyReactNativeConfig(), 109 | viewManagerRegistry); 110 | } 111 | }); 112 | return specs; 113 | } 114 | }; 115 | } 116 | } -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/example/reactnativepicky/newarchitecture/components/MainComponentsRegistry.java: -------------------------------------------------------------------------------- 1 | package com.example.reactnativepicky.newarchitecture.components; 2 | 3 | import com.facebook.jni.HybridData; 4 | import com.facebook.proguard.annotations.DoNotStrip; 5 | import com.facebook.react.fabric.ComponentFactory; 6 | import com.facebook.soloader.SoLoader; 7 | 8 | /** 9 | * Class responsible to load the custom Fabric Components. This class has native methods and needs a 10 | * corresponding C++ implementation/header file to work correctly (already placed inside the jni/ 11 | * folder for you). 12 | * 13 | *

Please note that this class is used ONLY if you opt-in for the New Architecture (see the 14 | * `newArchEnabled` property). Is ignored otherwise. 15 | */ 16 | @DoNotStrip 17 | public class MainComponentsRegistry { 18 | static { 19 | SoLoader.loadLibrary("fabricjni"); 20 | } 21 | 22 | @DoNotStrip private final HybridData mHybridData; 23 | 24 | @DoNotStrip 25 | private native HybridData initHybrid(ComponentFactory componentFactory); 26 | 27 | @DoNotStrip 28 | private MainComponentsRegistry(ComponentFactory componentFactory) { 29 | mHybridData = initHybrid(componentFactory); 30 | } 31 | 32 | @DoNotStrip 33 | public static MainComponentsRegistry register(ComponentFactory componentFactory) { 34 | return new MainComponentsRegistry(componentFactory); 35 | } 36 | } -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/example/reactnativepicky/newarchitecture/modules/MainApplicationTurboModuleManagerDelegate.java: -------------------------------------------------------------------------------- 1 | package com.example.reactnativepicky.newarchitecture.modules; 2 | 3 | import com.facebook.jni.HybridData; 4 | import com.facebook.react.ReactPackage; 5 | import com.facebook.react.ReactPackageTurboModuleManagerDelegate; 6 | import com.facebook.react.bridge.ReactApplicationContext; 7 | import com.facebook.soloader.SoLoader; 8 | import java.util.List; 9 | 10 | /** 11 | * Class responsible to load the TurboModules. This class has native methods and needs a 12 | * corresponding C++ implementation/header file to work correctly (already placed inside the jni/ 13 | * folder for you). 14 | * 15 | *

Please note that this class is used ONLY if you opt-in for the New Architecture (see the 16 | * `newArchEnabled` property). Is ignored otherwise. 17 | */ 18 | public class MainApplicationTurboModuleManagerDelegate 19 | extends ReactPackageTurboModuleManagerDelegate { 20 | 21 | private static volatile boolean sIsSoLibraryLoaded; 22 | 23 | protected MainApplicationTurboModuleManagerDelegate( 24 | ReactApplicationContext reactApplicationContext, List packages) { 25 | super(reactApplicationContext, packages); 26 | } 27 | 28 | protected native HybridData initHybrid(); 29 | 30 | native boolean canCreateTurboModule(String moduleName); 31 | 32 | public static class Builder extends ReactPackageTurboModuleManagerDelegate.Builder { 33 | protected MainApplicationTurboModuleManagerDelegate build( 34 | ReactApplicationContext context, List packages) { 35 | return new MainApplicationTurboModuleManagerDelegate(context, packages); 36 | } 37 | } 38 | 39 | @Override 40 | protected synchronized void maybeLoadOtherSoLibraries() { 41 | if (!sIsSoLibraryLoaded) { 42 | // If you change the name of your application .so file in the Android.mk file, 43 | // make sure you update the name here as well. 44 | SoLoader.loadLibrary("reactnativepicky_appmodules"); 45 | sIsSoLibraryLoaded = true; 46 | } 47 | } 48 | } -------------------------------------------------------------------------------- /example/android/app/src/main/jni/Android.mk: -------------------------------------------------------------------------------- 1 | THIS_DIR := $(call my-dir) 2 | 3 | include $(REACT_ANDROID_DIR)/Android-prebuilt.mk 4 | 5 | # If you wish to add a custom TurboModule or Fabric component in your app you 6 | # will have to include the following autogenerated makefile. 7 | # include $(GENERATED_SRC_DIR)/codegen/jni/Android.mk 8 | include $(CLEAR_VARS) 9 | 10 | LOCAL_PATH := $(THIS_DIR) 11 | 12 | # You can customize the name of your application .so file here. 13 | LOCAL_MODULE := reactnativepicky_appmodules 14 | 15 | LOCAL_C_INCLUDES := $(LOCAL_PATH) 16 | LOCAL_SRC_FILES := $(wildcard $(LOCAL_PATH)/*.cpp) 17 | LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH) 18 | 19 | # If you wish to add a custom TurboModule or Fabric component in your app you 20 | # will have to uncomment those lines to include the generated source 21 | # files from the codegen (placed in $(GENERATED_SRC_DIR)/codegen/jni) 22 | # 23 | # LOCAL_C_INCLUDES += $(GENERATED_SRC_DIR)/codegen/jni 24 | # LOCAL_SRC_FILES += $(wildcard $(GENERATED_SRC_DIR)/codegen/jni/*.cpp) 25 | # LOCAL_EXPORT_C_INCLUDES += $(GENERATED_SRC_DIR)/codegen/jni 26 | 27 | # Here you should add any native library you wish to depend on. 28 | LOCAL_SHARED_LIBRARIES := \ 29 | libfabricjni \ 30 | libfbjni \ 31 | libfolly_futures \ 32 | libfolly_json \ 33 | libglog \ 34 | libjsi \ 35 | libreact_codegen_rncore \ 36 | libreact_debug \ 37 | libreact_nativemodule_core \ 38 | libreact_render_componentregistry \ 39 | libreact_render_core \ 40 | libreact_render_debug \ 41 | libreact_render_graphics \ 42 | librrc_view \ 43 | libruntimeexecutor \ 44 | libturbomodulejsijni \ 45 | libyoga 46 | 47 | LOCAL_CFLAGS := -DLOG_TAG=\"ReactNative\" -fexceptions -frtti -std=c++17 -Wall 48 | 49 | include $(BUILD_SHARED_LIBRARY) -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainApplicationModuleProvider.cpp: -------------------------------------------------------------------------------- 1 | #include "MainApplicationModuleProvider.h" 2 | 3 | #include 4 | 5 | namespace facebook { 6 | namespace react { 7 | 8 | std::shared_ptr MainApplicationModuleProvider( 9 | const std::string moduleName, 10 | const JavaTurboModule::InitParams ¶ms) { 11 | // Here you can provide your own module provider for TurboModules coming from 12 | // either your application or from external libraries. The approach to follow 13 | // is similar to the following (for a library called `samplelibrary`: 14 | // 15 | // auto module = samplelibrary_ModuleProvider(moduleName, params); 16 | // if (module != nullptr) { 17 | // return module; 18 | // } 19 | // return rncore_ModuleProvider(moduleName, params); 20 | return rncore_ModuleProvider(moduleName, params); 21 | } 22 | 23 | } // namespace react 24 | } // namespace facebook -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainApplicationModuleProvider.h: -------------------------------------------------------------------------------- 1 | #pragma once 2 | 3 | #include 4 | #include 5 | 6 | #include 7 | 8 | namespace facebook { 9 | namespace react { 10 | 11 | std::shared_ptr MainApplicationModuleProvider( 12 | const std::string moduleName, 13 | const JavaTurboModule::InitParams ¶ms); 14 | 15 | } // namespace react 16 | } // namespace facebook -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainApplicationTurboModuleManagerDelegate.cpp: -------------------------------------------------------------------------------- 1 | #include "MainApplicationTurboModuleManagerDelegate.h" 2 | #include "MainApplicationModuleProvider.h" 3 | 4 | namespace facebook { 5 | namespace react { 6 | 7 | jni::local_ref 8 | MainApplicationTurboModuleManagerDelegate::initHybrid( 9 | jni::alias_ref) { 10 | return makeCxxInstance(); 11 | } 12 | 13 | void MainApplicationTurboModuleManagerDelegate::registerNatives() { 14 | registerHybrid({ 15 | makeNativeMethod( 16 | "initHybrid", MainApplicationTurboModuleManagerDelegate::initHybrid), 17 | makeNativeMethod( 18 | "canCreateTurboModule", 19 | MainApplicationTurboModuleManagerDelegate::canCreateTurboModule), 20 | }); 21 | } 22 | 23 | std::shared_ptr 24 | MainApplicationTurboModuleManagerDelegate::getTurboModule( 25 | const std::string name, 26 | const std::shared_ptr jsInvoker) { 27 | // Not implemented yet: provide pure-C++ NativeModules here. 28 | return nullptr; 29 | } 30 | 31 | std::shared_ptr 32 | MainApplicationTurboModuleManagerDelegate::getTurboModule( 33 | const std::string name, 34 | const JavaTurboModule::InitParams ¶ms) { 35 | return MainApplicationModuleProvider(name, params); 36 | } 37 | 38 | bool MainApplicationTurboModuleManagerDelegate::canCreateTurboModule( 39 | std::string name) { 40 | return getTurboModule(name, nullptr) != nullptr || 41 | getTurboModule(name, {.moduleName = name}) != nullptr; 42 | } 43 | 44 | } // namespace react 45 | } // namespace facebook -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainApplicationTurboModuleManagerDelegate.h: -------------------------------------------------------------------------------- 1 | #include 2 | #include 3 | 4 | #include 5 | #include 6 | 7 | namespace facebook { 8 | namespace react { 9 | 10 | class MainApplicationTurboModuleManagerDelegate 11 | : public jni::HybridClass< 12 | MainApplicationTurboModuleManagerDelegate, 13 | TurboModuleManagerDelegate> { 14 | public: 15 | // Adapt it to the package you used for your Java class. 16 | static constexpr auto kJavaDescriptor = 17 | "Lcom/example/reactnativepicky/newarchitecture/modules/MainApplicationTurboModuleManagerDelegate;"; 18 | 19 | static jni::local_ref initHybrid(jni::alias_ref); 20 | 21 | static void registerNatives(); 22 | 23 | std::shared_ptr getTurboModule( 24 | const std::string name, 25 | const std::shared_ptr jsInvoker) override; 26 | std::shared_ptr getTurboModule( 27 | const std::string name, 28 | const JavaTurboModule::InitParams ¶ms) override; 29 | 30 | /** 31 | * Test-only method. Allows user to verify whether a TurboModule can be 32 | * created by instances of this class. 33 | */ 34 | bool canCreateTurboModule(std::string name); 35 | }; 36 | 37 | } // namespace react 38 | } // namespace facebook -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainComponentsRegistry.cpp: -------------------------------------------------------------------------------- 1 | #include "MainComponentsRegistry.h" 2 | 3 | #include 4 | #include 5 | #include 6 | #include 7 | 8 | namespace facebook { 9 | namespace react { 10 | 11 | MainComponentsRegistry::MainComponentsRegistry(ComponentFactory *delegate) {} 12 | 13 | std::shared_ptr 14 | MainComponentsRegistry::sharedProviderRegistry() { 15 | auto providerRegistry = CoreComponentsRegistry::sharedProviderRegistry(); 16 | 17 | // Custom Fabric Components go here. You can register custom 18 | // components coming from your App or from 3rd party libraries here. 19 | // 20 | // providerRegistry->add(concreteComponentDescriptorProvider< 21 | // AocViewerComponentDescriptor>()); 22 | return providerRegistry; 23 | } 24 | 25 | jni::local_ref 26 | MainComponentsRegistry::initHybrid( 27 | jni::alias_ref, 28 | ComponentFactory *delegate) { 29 | auto instance = makeCxxInstance(delegate); 30 | 31 | auto buildRegistryFunction = 32 | [](EventDispatcher::Weak const &eventDispatcher, 33 | ContextContainer::Shared const &contextContainer) 34 | -> ComponentDescriptorRegistry::Shared { 35 | auto registry = MainComponentsRegistry::sharedProviderRegistry() 36 | ->createComponentDescriptorRegistry( 37 | {eventDispatcher, contextContainer}); 38 | 39 | auto mutableRegistry = 40 | std::const_pointer_cast(registry); 41 | 42 | mutableRegistry->setFallbackComponentDescriptor( 43 | std::make_shared( 44 | ComponentDescriptorParameters{ 45 | eventDispatcher, contextContainer, nullptr})); 46 | 47 | return registry; 48 | }; 49 | 50 | delegate->buildRegistryFunction = buildRegistryFunction; 51 | return instance; 52 | } 53 | 54 | void MainComponentsRegistry::registerNatives() { 55 | registerHybrid({ 56 | makeNativeMethod("initHybrid", MainComponentsRegistry::initHybrid), 57 | }); 58 | } 59 | 60 | } // namespace react 61 | } // namespace facebook -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainComponentsRegistry.h: -------------------------------------------------------------------------------- 1 | #pragma once 2 | 3 | #include 4 | #include 5 | #include 6 | #include 7 | 8 | namespace facebook { 9 | namespace react { 10 | 11 | class MainComponentsRegistry 12 | : public facebook::jni::HybridClass { 13 | public: 14 | // Adapt it to the package you used for your Java class. 15 | constexpr static auto kJavaDescriptor = 16 | "Lcom/example/reactnativepicky/newarchitecture/components/MainComponentsRegistry;"; 17 | 18 | static void registerNatives(); 19 | 20 | MainComponentsRegistry(ComponentFactory *delegate); 21 | 22 | private: 23 | static std::shared_ptr 24 | sharedProviderRegistry(); 25 | 26 | static jni::local_ref initHybrid( 27 | jni::alias_ref, 28 | ComponentFactory *delegate); 29 | }; 30 | 31 | } // namespace react 32 | } // namespace facebook -------------------------------------------------------------------------------- /example/android/app/src/main/jni/OnLoad.cpp: -------------------------------------------------------------------------------- 1 | #include 2 | #include "MainApplicationTurboModuleManagerDelegate.h" 3 | #include "MainComponentsRegistry.h" 4 | 5 | JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM *vm, void *) { 6 | return facebook::jni::initialize(vm, [] { 7 | facebook::react::MainApplicationTurboModuleManagerDelegate:: 8 | registerNatives(); 9 | facebook::react::MainComponentsRegistry::registerNatives(); 10 | }); 11 | } -------------------------------------------------------------------------------- /example/android/app/src/main/res/drawable/rn_edit_text_material.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 21 | 22 | 23 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/example/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/example/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | Picky Example 3 | 4 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /example/android/build.gradle: -------------------------------------------------------------------------------- 1 | import org.apache.tools.ant.taskdefs.condition.Os 2 | 3 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 4 | 5 | buildscript { 6 | ext { 7 | buildToolsVersion = "31.0.0" 8 | minSdkVersion = 21 9 | compileSdkVersion = 31 10 | targetSdkVersion = 31 11 | 12 | if (System.properties['os.arch'] == "aarch64") { 13 | // For M1 Users we need to use the NDK 24 which added support for aarch64 14 | ndkVersion = "24.0.8215888" 15 | } else { 16 | // Otherwise we default to the side-by-side NDK version from AGP. 17 | ndkVersion = "21.4.7075529" 18 | } 19 | } 20 | repositories { 21 | google() 22 | mavenCentral() 23 | } 24 | dependencies { 25 | classpath("com.android.tools.build:gradle:7.0.4") 26 | classpath("com.facebook.react:react-native-gradle-plugin") 27 | classpath("de.undercouch:gradle-download-task:4.1.2") 28 | // NOTE: Do not place your application dependencies here; they belong 29 | // in the individual module build.gradle files 30 | } 31 | } 32 | 33 | allprojects { 34 | repositories { 35 | maven { 36 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 37 | url("$rootDir/../node_modules/react-native/android") 38 | } 39 | maven { 40 | // Android JSC is installed from npm 41 | url("$rootDir/../node_modules/jsc-android/dist") 42 | } 43 | mavenCentral { 44 | // We don't want to fetch react-native from Maven Central as there are 45 | // older versions over there. 46 | content { 47 | excludeGroup "com.facebook.react" 48 | } 49 | } 50 | google() 51 | maven { url 'https://www.jitpack.io' } 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /example/android/gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx512m -XX:MaxMetaspaceSize=256m 13 | org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true 19 | 20 | # AndroidX package structure to make it clearer which packages are bundled with the 21 | # Android operating system, and which are packaged with your app's APK 22 | # https://developer.android.com/topic/libraries/support-library/androidx-rn 23 | android.useAndroidX=true 24 | # Automatically convert third-party libraries to use AndroidX 25 | android.enableJetifier=true 26 | 27 | # Version of flipper SDK to use with React Native 28 | FLIPPER_VERSION=0.125.0 29 | 30 | # Use this property to specify which architecture you want to build. 31 | # You can also override it from the CLI using 32 | # ./gradlew -PreactNativeArchitectures=x86_64 33 | reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64 34 | 35 | # Use this property to enable support to the new architecture. 36 | # This will allow you to use TurboModules and the Fabric render in 37 | # your application. You should enable this flag either if you want 38 | # to write custom TurboModules/Fabric components OR use libraries that 39 | # are providing them. 40 | newArchEnabled=false -------------------------------------------------------------------------------- /example/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Liamandrew/react-native-picky/1401e646ce742911cd0b5b50cabaa4a77082d125/example/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /example/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.3.3-all.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists -------------------------------------------------------------------------------- /example/android/gradlew: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | 3 | # 4 | # Copyright © 2015-2021 the original authors. 5 | # 6 | # Licensed under the Apache License, Version 2.0 (the "License"); 7 | # you may not use this file except in compliance with the License. 8 | # You may obtain a copy of the License at 9 | # 10 | # https://www.apache.org/licenses/LICENSE-2.0 11 | # 12 | # Unless required by applicable law or agreed to in writing, software 13 | # distributed under the License is distributed on an "AS IS" BASIS, 14 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | # See the License for the specific language governing permissions and 16 | # limitations under the License. 17 | # 18 | 19 | ############################################################################## 20 | # 21 | # Gradle start up script for POSIX generated by Gradle. 22 | # 23 | # Important for running: 24 | # 25 | # (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is 26 | # noncompliant, but you have some other compliant shell such as ksh or 27 | # bash, then to run this script, type that shell name before the whole 28 | # command line, like: 29 | # 30 | # ksh Gradle 31 | # 32 | # Busybox and similar reduced shells will NOT work, because this script 33 | # requires all of these POSIX shell features: 34 | # * functions; 35 | # * expansions «$var», «${var}», «${var:-default}», «${var+SET}», 36 | # «${var#prefix}», «${var%suffix}», and «$( cmd )»; 37 | # * compound commands having a testable exit status, especially «case»; 38 | # * various built-in commands including «command», «set», and «ulimit». 39 | # 40 | # Important for patching: 41 | # 42 | # (2) This script targets any POSIX shell, so it avoids extensions provided 43 | # by Bash, Ksh, etc; in particular arrays are avoided. 44 | # 45 | # The "traditional" practice of packing multiple parameters into a 46 | # space-separated string is a well documented source of bugs and security 47 | # problems, so this is (mostly) avoided, by progressively accumulating 48 | # options in "$@", and eventually passing that to Java. 49 | # 50 | # Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS, 51 | # and GRADLE_OPTS) rely on word-splitting, this is performed explicitly; 52 | # see the in-line comments for details. 53 | # 54 | # There are tweaks for specific operating systems such as AIX, CygWin, 55 | # Darwin, MinGW, and NonStop. 56 | # 57 | # (3) This script is generated from the Groovy template 58 | # https://github.com/gradle/gradle/blob/master/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt 59 | # within the Gradle project. 60 | # 61 | # You can find Gradle at https://github.com/gradle/gradle/. 62 | # 63 | ############################################################################## 64 | 65 | # Attempt to set APP_HOME 66 | 67 | # Resolve links: $0 may be a link 68 | app_path=$0 69 | 70 | # Need this for daisy-chained symlinks. 71 | while 72 | APP_HOME=${app_path%"${app_path##*/}"} # leaves a trailing /; empty if no leading path 73 | [ -h "$app_path" ] 74 | do 75 | ls=$( ls -ld "$app_path" ) 76 | link=${ls#*' -> '} 77 | case $link in #( 78 | /*) app_path=$link ;; #( 79 | *) app_path=$APP_HOME$link ;; 80 | esac 81 | done 82 | 83 | APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit 84 | 85 | APP_NAME="Gradle" 86 | APP_BASE_NAME=${0##*/} 87 | 88 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 89 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' 90 | 91 | # Use the maximum available, or set MAX_FD != -1 to use that value. 92 | MAX_FD=maximum 93 | 94 | warn () { 95 | echo "$*" 96 | } >&2 97 | 98 | die () { 99 | echo 100 | echo "$*" 101 | echo 102 | exit 1 103 | } >&2 104 | 105 | # OS specific support (must be 'true' or 'false'). 106 | cygwin=false 107 | msys=false 108 | darwin=false 109 | nonstop=false 110 | case "$( uname )" in #( 111 | CYGWIN* ) cygwin=true ;; #( 112 | Darwin* ) darwin=true ;; #( 113 | MSYS* | MINGW* ) msys=true ;; #( 114 | NONSTOP* ) nonstop=true ;; 115 | esac 116 | 117 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 118 | 119 | 120 | # Determine the Java command to use to start the JVM. 121 | if [ -n "$JAVA_HOME" ] ; then 122 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 123 | # IBM's JDK on AIX uses strange locations for the executables 124 | JAVACMD=$JAVA_HOME/jre/sh/java 125 | else 126 | JAVACMD=$JAVA_HOME/bin/java 127 | fi 128 | if [ ! -x "$JAVACMD" ] ; then 129 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 130 | 131 | Please set the JAVA_HOME variable in your environment to match the 132 | location of your Java installation." 133 | fi 134 | else 135 | JAVACMD=java 136 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 137 | 138 | Please set the JAVA_HOME variable in your environment to match the 139 | location of your Java installation." 140 | fi 141 | 142 | # Increase the maximum file descriptors if we can. 143 | if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then 144 | case $MAX_FD in #( 145 | max*) 146 | MAX_FD=$( ulimit -H -n ) || 147 | warn "Could not query maximum file descriptor limit" 148 | esac 149 | case $MAX_FD in #( 150 | '' | soft) :;; #( 151 | *) 152 | ulimit -n "$MAX_FD" || 153 | warn "Could not set maximum file descriptor limit to $MAX_FD" 154 | esac 155 | fi 156 | 157 | # Collect all arguments for the java command, stacking in reverse order: 158 | # * args from the command line 159 | # * the main class name 160 | # * -classpath 161 | # * -D...appname settings 162 | # * --module-path (only if needed) 163 | # * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables. 164 | 165 | # For Cygwin or MSYS, switch paths to Windows format before running java 166 | if "$cygwin" || "$msys" ; then 167 | APP_HOME=$( cygpath --path --mixed "$APP_HOME" ) 168 | CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" ) 169 | 170 | JAVACMD=$( cygpath --unix "$JAVACMD" ) 171 | 172 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 173 | for arg do 174 | if 175 | case $arg in #( 176 | -*) false ;; # don't mess with options #( 177 | /?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath 178 | [ -e "$t" ] ;; #( 179 | *) false ;; 180 | esac 181 | then 182 | arg=$( cygpath --path --ignore --mixed "$arg" ) 183 | fi 184 | # Roll the args list around exactly as many times as the number of 185 | # args, so each arg winds up back in the position where it started, but 186 | # possibly modified. 187 | # 188 | # NB: a `for` loop captures its iteration list before it begins, so 189 | # changing the positional parameters here affects neither the number of 190 | # iterations, nor the values presented in `arg`. 191 | shift # remove old arg 192 | set -- "$@" "$arg" # push replacement arg 193 | done 194 | fi 195 | 196 | # Collect all arguments for the java command; 197 | # * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of 198 | # shell script including quotes and variable substitutions, so put them in 199 | # double quotes to make sure that they get re-expanded; and 200 | # * put everything else in single quotes, so that it's not re-expanded. 201 | 202 | set -- \ 203 | "-Dorg.gradle.appname=$APP_BASE_NAME" \ 204 | -classpath "$CLASSPATH" \ 205 | org.gradle.wrapper.GradleWrapperMain \ 206 | "$@" 207 | 208 | # Use "xargs" to parse quoted args. 209 | # 210 | # With -n1 it outputs one arg per line, with the quotes and backslashes removed. 211 | # 212 | # In Bash we could simply go: 213 | # 214 | # readarray ARGS < <( xargs -n1 <<<"$var" ) && 215 | # set -- "${ARGS[@]}" "$@" 216 | # 217 | # but POSIX shell has neither arrays nor command substitution, so instead we 218 | # post-process each arg (as a line of input to sed) to backslash-escape any 219 | # character that might be a shell metacharacter, then use eval to reverse 220 | # that process (while maintaining the separation between arguments), and wrap 221 | # the whole thing up as a single "set" statement. 222 | # 223 | # This will of course break if any of these variables contains a newline or 224 | # an unmatched quote. 225 | # 226 | 227 | eval "set -- $( 228 | printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" | 229 | xargs -n1 | 230 | sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' | 231 | tr '\n' ' ' 232 | )" '"$@"' 233 | 234 | exec "$JAVACMD" "$@" 235 | -------------------------------------------------------------------------------- /example/android/gradlew.bat: -------------------------------------------------------------------------------- 1 | @rem 2 | @rem Copyright 2015 the original author or authors. 3 | @rem 4 | @rem Licensed under the Apache License, Version 2.0 (the "License"); 5 | @rem you may not use this file except in compliance with the License. 6 | @rem You may obtain a copy of the License at 7 | @rem 8 | @rem https://www.apache.org/licenses/LICENSE-2.0 9 | @rem 10 | @rem Unless required by applicable law or agreed to in writing, software 11 | @rem distributed under the License is distributed on an "AS IS" BASIS, 12 | @rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | @rem See the License for the specific language governing permissions and 14 | @rem limitations under the License. 15 | @rem 16 | 17 | @if "%DEBUG%" == "" @echo off 18 | @rem ########################################################################## 19 | @rem 20 | @rem Gradle startup script for Windows 21 | @rem 22 | @rem ########################################################################## 23 | 24 | @rem Set local scope for the variables with windows NT shell 25 | if "%OS%"=="Windows_NT" setlocal 26 | 27 | set DIRNAME=%~dp0 28 | if "%DIRNAME%" == "" set DIRNAME=. 29 | set APP_BASE_NAME=%~n0 30 | set APP_HOME=%DIRNAME% 31 | 32 | @rem Resolve any "." and ".." in APP_HOME to make it shorter. 33 | for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi 34 | 35 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 36 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" 37 | 38 | @rem Find java.exe 39 | if defined JAVA_HOME goto findJavaFromJavaHome 40 | 41 | set JAVA_EXE=java.exe 42 | %JAVA_EXE% -version >NUL 2>&1 43 | if "%ERRORLEVEL%" == "0" goto execute 44 | 45 | echo. 46 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 47 | echo. 48 | echo Please set the JAVA_HOME variable in your environment to match the 49 | echo location of your Java installation. 50 | 51 | goto fail 52 | 53 | :findJavaFromJavaHome 54 | set JAVA_HOME=%JAVA_HOME:"=% 55 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 56 | 57 | if exist "%JAVA_EXE%" goto execute 58 | 59 | echo. 60 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 61 | echo. 62 | echo Please set the JAVA_HOME variable in your environment to match the 63 | echo location of your Java installation. 64 | 65 | goto fail 66 | 67 | :execute 68 | @rem Setup the command line 69 | 70 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 71 | 72 | 73 | @rem Execute Gradle 74 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %* 75 | 76 | :end 77 | @rem End local scope for the variables with windows NT shell 78 | if "%ERRORLEVEL%"=="0" goto mainEnd 79 | 80 | :fail 81 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 82 | rem the _cmd.exe /c_ return code! 83 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 84 | exit /b 1 85 | 86 | :mainEnd 87 | if "%OS%"=="Windows_NT" endlocal 88 | 89 | :omega 90 | -------------------------------------------------------------------------------- /example/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'PickyExample' 2 | apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings) 3 | include ':app' 4 | 5 | include ':reactnativepicky' 6 | project(':reactnativepicky').projectDir = new File(rootProject.projectDir, '../../android') 7 | includeBuild('../node_modules/react-native-gradle-plugin') 8 | if (settings.hasProperty("newArchEnabled") && settings.newArchEnabled == "true") { 9 | include(":ReactAndroid") 10 | project(":ReactAndroid").projectDir = file('../node_modules/react-native/ReactAndroid') 11 | } 12 | -------------------------------------------------------------------------------- /example/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "PickyExample", 3 | "displayName": "Picky Example" 4 | } 5 | -------------------------------------------------------------------------------- /example/babel.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const pak = require('../package.json'); 3 | 4 | module.exports = { 5 | presets: ['module:metro-react-native-babel-preset'], 6 | plugins: [ 7 | [ 8 | 'module-resolver', 9 | { 10 | extensions: ['.tsx', '.ts', '.js', '.json'], 11 | alias: { 12 | [pak.name]: path.join(__dirname, '..', pak.source), 13 | }, 14 | }, 15 | ], 16 | ], 17 | }; 18 | -------------------------------------------------------------------------------- /example/index.tsx: -------------------------------------------------------------------------------- 1 | import { AppRegistry } from 'react-native'; 2 | import App from './src/App'; 3 | import { name as appName } from './app.json'; 4 | 5 | AppRegistry.registerComponent(appName, () => App); 6 | -------------------------------------------------------------------------------- /example/ios/File.swift: -------------------------------------------------------------------------------- 1 | // 2 | // File.swift 3 | // PickyExample 4 | // 5 | 6 | import Foundation 7 | -------------------------------------------------------------------------------- /example/ios/PickyExample-Bridging-Header.h: -------------------------------------------------------------------------------- 1 | // 2 | // Use this file to import your target's public headers that you would like to expose to Swift. 3 | // 4 | -------------------------------------------------------------------------------- /example/ios/PickyExample.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00E356F31AD99517003FC87E /* PickyExampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* PickyExampleTests.m */; }; 11 | 13B07FBC1A68108700A75B9A /* AppDelegate.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.mm */; }; 12 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 13 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 14 | 4C39C56BAD484C67AA576FFA /* libPods-PickyExample.a in Frameworks */ = {isa = PBXBuildFile; fileRef = CA3E69C5B9553B26FBA2DF04 /* libPods-PickyExample.a */; }; 15 | 81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; }; 16 | /* End PBXBuildFile section */ 17 | 18 | /* Begin PBXContainerItemProxy section */ 19 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 20 | isa = PBXContainerItemProxy; 21 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 22 | proxyType = 1; 23 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 24 | remoteInfo = PickyExample; 25 | }; 26 | /* End PBXContainerItemProxy section */ 27 | 28 | /* Begin PBXFileReference section */ 29 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 30 | 00E356EE1AD99517003FC87E /* PickyExampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = PickyExampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 31 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 32 | 00E356F21AD99517003FC87E /* PickyExampleTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = PickyExampleTests.m; sourceTree = ""; }; 33 | 13B07F961A680F5B00A75B9A /* PickyExample.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = PickyExample.app; sourceTree = BUILT_PRODUCTS_DIR; }; 34 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = PickyExample/AppDelegate.h; sourceTree = ""; }; 35 | 13B07FB01A68108700A75B9A /* AppDelegate.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = AppDelegate.mm; path = PickyExample/AppDelegate.mm; sourceTree = ""; }; 36 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = PickyExample/Images.xcassets; sourceTree = ""; }; 37 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = PickyExample/Info.plist; sourceTree = ""; }; 38 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = PickyExample/main.m; sourceTree = ""; }; 39 | 47F7ED3B7971BE374F7B8635 /* Pods-PickyExample.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PickyExample.debug.xcconfig"; path = "Target Support Files/Pods-PickyExample/Pods-PickyExample.debug.xcconfig"; sourceTree = ""; }; 40 | 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = PickyExample/LaunchScreen.storyboard; sourceTree = ""; }; 41 | CA3E69C5B9553B26FBA2DF04 /* libPods-PickyExample.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-PickyExample.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 42 | E00ACF0FDA8BF921659E2F9A /* Pods-PickyExample.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-PickyExample.release.xcconfig"; path = "Target Support Files/Pods-PickyExample/Pods-PickyExample.release.xcconfig"; sourceTree = ""; }; 43 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; }; 44 | ED2971642150620600B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS12.0.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; }; 45 | /* End PBXFileReference section */ 46 | 47 | /* Begin PBXFrameworksBuildPhase section */ 48 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 49 | isa = PBXFrameworksBuildPhase; 50 | buildActionMask = 2147483647; 51 | files = ( 52 | ); 53 | runOnlyForDeploymentPostprocessing = 0; 54 | }; 55 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 56 | isa = PBXFrameworksBuildPhase; 57 | buildActionMask = 2147483647; 58 | files = ( 59 | 4C39C56BAD484C67AA576FFA /* libPods-PickyExample.a in Frameworks */, 60 | ); 61 | runOnlyForDeploymentPostprocessing = 0; 62 | }; 63 | /* End PBXFrameworksBuildPhase section */ 64 | 65 | /* Begin PBXGroup section */ 66 | 00E356EF1AD99517003FC87E /* PickyExampleTests */ = { 67 | isa = PBXGroup; 68 | children = ( 69 | 00E356F21AD99517003FC87E /* PickyExampleTests.m */, 70 | 00E356F01AD99517003FC87E /* Supporting Files */, 71 | ); 72 | path = PickyExampleTests; 73 | sourceTree = ""; 74 | }; 75 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 76 | isa = PBXGroup; 77 | children = ( 78 | 00E356F11AD99517003FC87E /* Info.plist */, 79 | ); 80 | name = "Supporting Files"; 81 | sourceTree = ""; 82 | }; 83 | 13B07FAE1A68108700A75B9A /* PickyExample */ = { 84 | isa = PBXGroup; 85 | children = ( 86 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 87 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 88 | 13B07FB01A68108700A75B9A /* AppDelegate.mm */, 89 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 90 | 13B07FB61A68108700A75B9A /* Info.plist */, 91 | 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */, 92 | 13B07FB71A68108700A75B9A /* main.m */, 93 | ); 94 | name = PickyExample; 95 | sourceTree = ""; 96 | }; 97 | 2D16E6871FA4F8E400B85C8A /* Frameworks */ = { 98 | isa = PBXGroup; 99 | children = ( 100 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */, 101 | ED2971642150620600B7C4FE /* JavaScriptCore.framework */, 102 | CA3E69C5B9553B26FBA2DF04 /* libPods-PickyExample.a */, 103 | ); 104 | name = Frameworks; 105 | sourceTree = ""; 106 | }; 107 | 6B9684456A2045ADE5A6E47E /* Pods */ = { 108 | isa = PBXGroup; 109 | children = ( 110 | 47F7ED3B7971BE374F7B8635 /* Pods-PickyExample.debug.xcconfig */, 111 | E00ACF0FDA8BF921659E2F9A /* Pods-PickyExample.release.xcconfig */, 112 | ); 113 | path = Pods; 114 | sourceTree = ""; 115 | }; 116 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 117 | isa = PBXGroup; 118 | children = ( 119 | ); 120 | name = Libraries; 121 | sourceTree = ""; 122 | }; 123 | 83CBB9F61A601CBA00E9B192 = { 124 | isa = PBXGroup; 125 | children = ( 126 | 13B07FAE1A68108700A75B9A /* PickyExample */, 127 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 128 | 00E356EF1AD99517003FC87E /* PickyExampleTests */, 129 | 83CBBA001A601CBA00E9B192 /* Products */, 130 | 2D16E6871FA4F8E400B85C8A /* Frameworks */, 131 | 6B9684456A2045ADE5A6E47E /* Pods */, 132 | ); 133 | indentWidth = 2; 134 | sourceTree = ""; 135 | tabWidth = 2; 136 | usesTabs = 0; 137 | }; 138 | 83CBBA001A601CBA00E9B192 /* Products */ = { 139 | isa = PBXGroup; 140 | children = ( 141 | 13B07F961A680F5B00A75B9A /* PickyExample.app */, 142 | 00E356EE1AD99517003FC87E /* PickyExampleTests.xctest */, 143 | ); 144 | name = Products; 145 | sourceTree = ""; 146 | }; 147 | /* End PBXGroup section */ 148 | 149 | /* Begin PBXNativeTarget section */ 150 | 00E356ED1AD99517003FC87E /* PickyExampleTests */ = { 151 | isa = PBXNativeTarget; 152 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "PickyExampleTests" */; 153 | buildPhases = ( 154 | 00E356EA1AD99517003FC87E /* Sources */, 155 | 00E356EB1AD99517003FC87E /* Frameworks */, 156 | 00E356EC1AD99517003FC87E /* Resources */, 157 | ); 158 | buildRules = ( 159 | ); 160 | dependencies = ( 161 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 162 | ); 163 | name = PickyExampleTests; 164 | productName = PickyExampleTests; 165 | productReference = 00E356EE1AD99517003FC87E /* PickyExampleTests.xctest */; 166 | productType = "com.apple.product-type.bundle.unit-test"; 167 | }; 168 | 13B07F861A680F5B00A75B9A /* PickyExample */ = { 169 | isa = PBXNativeTarget; 170 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "PickyExample" */; 171 | buildPhases = ( 172 | 4F0A6FC082772762E3E4C96C /* [CP] Check Pods Manifest.lock */, 173 | FD10A7F022414F080027D42C /* Start Packager */, 174 | 13B07F871A680F5B00A75B9A /* Sources */, 175 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 176 | 13B07F8E1A680F5B00A75B9A /* Resources */, 177 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 178 | C1D60D28B925C94BD88E79D7 /* [CP] Copy Pods Resources */, 179 | 8A0C818B61E78DC9B0857A2C /* [CP] Embed Pods Frameworks */, 180 | ); 181 | buildRules = ( 182 | ); 183 | dependencies = ( 184 | ); 185 | name = PickyExample; 186 | productName = PickyExample; 187 | productReference = 13B07F961A680F5B00A75B9A /* PickyExample.app */; 188 | productType = "com.apple.product-type.application"; 189 | }; 190 | /* End PBXNativeTarget section */ 191 | 192 | /* Begin PBXProject section */ 193 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 194 | isa = PBXProject; 195 | attributes = { 196 | LastUpgradeCheck = 1130; 197 | TargetAttributes = { 198 | 00E356ED1AD99517003FC87E = { 199 | CreatedOnToolsVersion = 6.2; 200 | TestTargetID = 13B07F861A680F5B00A75B9A; 201 | }; 202 | 13B07F861A680F5B00A75B9A = { 203 | LastSwiftMigration = 1120; 204 | }; 205 | }; 206 | }; 207 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "PickyExample" */; 208 | compatibilityVersion = "Xcode 12.0"; 209 | developmentRegion = en; 210 | hasScannedForEncodings = 0; 211 | knownRegions = ( 212 | en, 213 | Base, 214 | ); 215 | mainGroup = 83CBB9F61A601CBA00E9B192; 216 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 217 | projectDirPath = ""; 218 | projectRoot = ""; 219 | targets = ( 220 | 13B07F861A680F5B00A75B9A /* PickyExample */, 221 | 00E356ED1AD99517003FC87E /* PickyExampleTests */, 222 | ); 223 | }; 224 | /* End PBXProject section */ 225 | 226 | /* Begin PBXResourcesBuildPhase section */ 227 | 00E356EC1AD99517003FC87E /* Resources */ = { 228 | isa = PBXResourcesBuildPhase; 229 | buildActionMask = 2147483647; 230 | files = ( 231 | ); 232 | runOnlyForDeploymentPostprocessing = 0; 233 | }; 234 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 235 | isa = PBXResourcesBuildPhase; 236 | buildActionMask = 2147483647; 237 | files = ( 238 | 81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */, 239 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 240 | ); 241 | runOnlyForDeploymentPostprocessing = 0; 242 | }; 243 | /* End PBXResourcesBuildPhase section */ 244 | 245 | /* Begin PBXShellScriptBuildPhase section */ 246 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 247 | isa = PBXShellScriptBuildPhase; 248 | buildActionMask = 2147483647; 249 | files = ( 250 | ); 251 | inputPaths = ( 252 | ); 253 | name = "Bundle React Native code and images"; 254 | outputPaths = ( 255 | ); 256 | runOnlyForDeploymentPostprocessing = 0; 257 | shellPath = /bin/sh; 258 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh"; 259 | }; 260 | 4F0A6FC082772762E3E4C96C /* [CP] Check Pods Manifest.lock */ = { 261 | isa = PBXShellScriptBuildPhase; 262 | buildActionMask = 2147483647; 263 | files = ( 264 | ); 265 | inputFileListPaths = ( 266 | ); 267 | inputPaths = ( 268 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock", 269 | "${PODS_ROOT}/Manifest.lock", 270 | ); 271 | name = "[CP] Check Pods Manifest.lock"; 272 | outputFileListPaths = ( 273 | ); 274 | outputPaths = ( 275 | "$(DERIVED_FILE_DIR)/Pods-PickyExample-checkManifestLockResult.txt", 276 | ); 277 | runOnlyForDeploymentPostprocessing = 0; 278 | shellPath = /bin/sh; 279 | shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; 280 | showEnvVarsInLog = 0; 281 | }; 282 | 8A0C818B61E78DC9B0857A2C /* [CP] Embed Pods Frameworks */ = { 283 | isa = PBXShellScriptBuildPhase; 284 | buildActionMask = 2147483647; 285 | files = ( 286 | ); 287 | inputFileListPaths = ( 288 | "${PODS_ROOT}/Target Support Files/Pods-PickyExample/Pods-PickyExample-frameworks-${CONFIGURATION}-input-files.xcfilelist", 289 | ); 290 | name = "[CP] Embed Pods Frameworks"; 291 | outputFileListPaths = ( 292 | "${PODS_ROOT}/Target Support Files/Pods-PickyExample/Pods-PickyExample-frameworks-${CONFIGURATION}-output-files.xcfilelist", 293 | ); 294 | runOnlyForDeploymentPostprocessing = 0; 295 | shellPath = /bin/sh; 296 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-PickyExample/Pods-PickyExample-frameworks.sh\"\n"; 297 | showEnvVarsInLog = 0; 298 | }; 299 | C1D60D28B925C94BD88E79D7 /* [CP] Copy Pods Resources */ = { 300 | isa = PBXShellScriptBuildPhase; 301 | buildActionMask = 2147483647; 302 | files = ( 303 | ); 304 | inputFileListPaths = ( 305 | "${PODS_ROOT}/Target Support Files/Pods-PickyExample/Pods-PickyExample-resources-${CONFIGURATION}-input-files.xcfilelist", 306 | ); 307 | name = "[CP] Copy Pods Resources"; 308 | outputFileListPaths = ( 309 | "${PODS_ROOT}/Target Support Files/Pods-PickyExample/Pods-PickyExample-resources-${CONFIGURATION}-output-files.xcfilelist", 310 | ); 311 | runOnlyForDeploymentPostprocessing = 0; 312 | shellPath = /bin/sh; 313 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-PickyExample/Pods-PickyExample-resources.sh\"\n"; 314 | showEnvVarsInLog = 0; 315 | }; 316 | FD10A7F022414F080027D42C /* Start Packager */ = { 317 | isa = PBXShellScriptBuildPhase; 318 | buildActionMask = 2147483647; 319 | files = ( 320 | ); 321 | inputFileListPaths = ( 322 | ); 323 | inputPaths = ( 324 | ); 325 | name = "Start Packager"; 326 | outputFileListPaths = ( 327 | ); 328 | outputPaths = ( 329 | ); 330 | runOnlyForDeploymentPostprocessing = 0; 331 | shellPath = /bin/sh; 332 | shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n exit 2\n fi\n else\n open \"$SRCROOT/../node_modules/react-native/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n fi\nfi\n"; 333 | showEnvVarsInLog = 0; 334 | }; 335 | /* End PBXShellScriptBuildPhase section */ 336 | 337 | /* Begin PBXSourcesBuildPhase section */ 338 | 00E356EA1AD99517003FC87E /* Sources */ = { 339 | isa = PBXSourcesBuildPhase; 340 | buildActionMask = 2147483647; 341 | files = ( 342 | 00E356F31AD99517003FC87E /* PickyExampleTests.m in Sources */, 343 | ); 344 | runOnlyForDeploymentPostprocessing = 0; 345 | }; 346 | 13B07F871A680F5B00A75B9A /* Sources */ = { 347 | isa = PBXSourcesBuildPhase; 348 | buildActionMask = 2147483647; 349 | files = ( 350 | 13B07FBC1A68108700A75B9A /* AppDelegate.mm in Sources */, 351 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 352 | ); 353 | runOnlyForDeploymentPostprocessing = 0; 354 | }; 355 | /* End PBXSourcesBuildPhase section */ 356 | 357 | /* Begin PBXTargetDependency section */ 358 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 359 | isa = PBXTargetDependency; 360 | target = 13B07F861A680F5B00A75B9A /* PickyExample */; 361 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 362 | }; 363 | /* End PBXTargetDependency section */ 364 | 365 | /* Begin XCBuildConfiguration section */ 366 | 00E356F61AD99517003FC87E /* Debug */ = { 367 | isa = XCBuildConfiguration; 368 | buildSettings = { 369 | BUNDLE_LOADER = "$(TEST_HOST)"; 370 | GCC_PREPROCESSOR_DEFINITIONS = ( 371 | "DEBUG=1", 372 | "$(inherited)", 373 | ); 374 | INFOPLIST_FILE = PickyExampleTests/Info.plist; 375 | IPHONEOS_DEPLOYMENT_TARGET = 12.0; 376 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 377 | OTHER_LDFLAGS = ( 378 | "-ObjC", 379 | "-lc++", 380 | "$(inherited)", 381 | ); 382 | PRODUCT_BUNDLE_IDENTIFIER = com.example.reactnativepicky; 383 | PRODUCT_NAME = "$(TARGET_NAME)"; 384 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/PickyExample.app/PickyExample"; 385 | }; 386 | name = Debug; 387 | }; 388 | 00E356F71AD99517003FC87E /* Release */ = { 389 | isa = XCBuildConfiguration; 390 | buildSettings = { 391 | BUNDLE_LOADER = "$(TEST_HOST)"; 392 | COPY_PHASE_STRIP = NO; 393 | INFOPLIST_FILE = PickyExampleTests/Info.plist; 394 | IPHONEOS_DEPLOYMENT_TARGET = 12.0; 395 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 396 | OTHER_LDFLAGS = ( 397 | "-ObjC", 398 | "-lc++", 399 | "$(inherited)", 400 | ); 401 | PRODUCT_BUNDLE_IDENTIFIER = com.example.reactnativepicky; 402 | PRODUCT_NAME = "$(TARGET_NAME)"; 403 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/PickyExample.app/PickyExample"; 404 | }; 405 | name = Release; 406 | }; 407 | 13B07F941A680F5B00A75B9A /* Debug */ = { 408 | isa = XCBuildConfiguration; 409 | baseConfigurationReference = 47F7ED3B7971BE374F7B8635 /* Pods-PickyExample.debug.xcconfig */; 410 | buildSettings = { 411 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 412 | CLANG_ENABLE_MODULES = YES; 413 | CURRENT_PROJECT_VERSION = 1; 414 | ENABLE_BITCODE = NO; 415 | INFOPLIST_FILE = PickyExample/Info.plist; 416 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 417 | OTHER_LDFLAGS = ( 418 | "$(inherited)", 419 | "-ObjC", 420 | "-lc++", 421 | ); 422 | PRODUCT_BUNDLE_IDENTIFIER = com.example.reactnativepicky; 423 | PRODUCT_NAME = PickyExample; 424 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 425 | SWIFT_VERSION = 5.0; 426 | VERSIONING_SYSTEM = "apple-generic"; 427 | }; 428 | name = Debug; 429 | }; 430 | 13B07F951A680F5B00A75B9A /* Release */ = { 431 | isa = XCBuildConfiguration; 432 | baseConfigurationReference = E00ACF0FDA8BF921659E2F9A /* Pods-PickyExample.release.xcconfig */; 433 | buildSettings = { 434 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 435 | CLANG_ENABLE_MODULES = YES; 436 | CURRENT_PROJECT_VERSION = 1; 437 | INFOPLIST_FILE = PickyExample/Info.plist; 438 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 439 | OTHER_LDFLAGS = ( 440 | "$(inherited)", 441 | "-ObjC", 442 | "-lc++", 443 | ); 444 | PRODUCT_BUNDLE_IDENTIFIER = com.example.reactnativepicky; 445 | PRODUCT_NAME = PickyExample; 446 | SWIFT_VERSION = 5.0; 447 | VERSIONING_SYSTEM = "apple-generic"; 448 | }; 449 | name = Release; 450 | }; 451 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 452 | isa = XCBuildConfiguration; 453 | buildSettings = { 454 | ALWAYS_SEARCH_USER_PATHS = NO; 455 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 456 | CLANG_CXX_LANGUAGE_STANDARD = "c++17"; 457 | CLANG_CXX_LIBRARY = "libc++"; 458 | CLANG_ENABLE_MODULES = YES; 459 | CLANG_ENABLE_OBJC_ARC = YES; 460 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 461 | CLANG_WARN_BOOL_CONVERSION = YES; 462 | CLANG_WARN_COMMA = YES; 463 | CLANG_WARN_CONSTANT_CONVERSION = YES; 464 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 465 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 466 | CLANG_WARN_EMPTY_BODY = YES; 467 | CLANG_WARN_ENUM_CONVERSION = YES; 468 | CLANG_WARN_INFINITE_RECURSION = YES; 469 | CLANG_WARN_INT_CONVERSION = YES; 470 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 471 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 472 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 473 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 474 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; 475 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 476 | CLANG_WARN_STRICT_PROTOTYPES = YES; 477 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 478 | CLANG_WARN_UNREACHABLE_CODE = YES; 479 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 480 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 481 | COPY_PHASE_STRIP = NO; 482 | ENABLE_STRICT_OBJC_MSGSEND = YES; 483 | ENABLE_TESTABILITY = YES; 484 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = i386; 485 | GCC_C_LANGUAGE_STANDARD = gnu99; 486 | GCC_DYNAMIC_NO_PIC = NO; 487 | GCC_NO_COMMON_BLOCKS = YES; 488 | GCC_OPTIMIZATION_LEVEL = 0; 489 | GCC_PREPROCESSOR_DEFINITIONS = ( 490 | "DEBUG=1", 491 | "$(inherited)", 492 | ); 493 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 494 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 495 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 496 | GCC_WARN_UNDECLARED_SELECTOR = YES; 497 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 498 | GCC_WARN_UNUSED_FUNCTION = YES; 499 | GCC_WARN_UNUSED_VARIABLE = YES; 500 | IPHONEOS_DEPLOYMENT_TARGET = 12.0; 501 | LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)"; 502 | LIBRARY_SEARCH_PATHS = ( 503 | "$(SDKROOT)/usr/lib/swift", 504 | "\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"", 505 | "\"$(inherited)\"", 506 | ); 507 | MTL_ENABLE_DEBUG_INFO = YES; 508 | ONLY_ACTIVE_ARCH = YES; 509 | OTHER_CPLUSPLUSFLAGS = ( 510 | "$(OTHER_CFLAGS)", 511 | "-DFOLLY_NO_CONFIG", 512 | "-DFOLLY_MOBILE=1", 513 | "-DFOLLY_USE_LIBCPP=1", 514 | ); 515 | SDKROOT = iphoneos; 516 | }; 517 | name = Debug; 518 | }; 519 | 83CBBA211A601CBA00E9B192 /* Release */ = { 520 | isa = XCBuildConfiguration; 521 | buildSettings = { 522 | ALWAYS_SEARCH_USER_PATHS = NO; 523 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 524 | CLANG_CXX_LANGUAGE_STANDARD = "c++17"; 525 | CLANG_CXX_LIBRARY = "libc++"; 526 | CLANG_ENABLE_MODULES = YES; 527 | CLANG_ENABLE_OBJC_ARC = YES; 528 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 529 | CLANG_WARN_BOOL_CONVERSION = YES; 530 | CLANG_WARN_COMMA = YES; 531 | CLANG_WARN_CONSTANT_CONVERSION = YES; 532 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 533 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 534 | CLANG_WARN_EMPTY_BODY = YES; 535 | CLANG_WARN_ENUM_CONVERSION = YES; 536 | CLANG_WARN_INFINITE_RECURSION = YES; 537 | CLANG_WARN_INT_CONVERSION = YES; 538 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 539 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 540 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 541 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 542 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; 543 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 544 | CLANG_WARN_STRICT_PROTOTYPES = YES; 545 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 546 | CLANG_WARN_UNREACHABLE_CODE = YES; 547 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 548 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 549 | COPY_PHASE_STRIP = YES; 550 | ENABLE_NS_ASSERTIONS = NO; 551 | ENABLE_STRICT_OBJC_MSGSEND = YES; 552 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = i386; 553 | GCC_C_LANGUAGE_STANDARD = gnu99; 554 | GCC_NO_COMMON_BLOCKS = YES; 555 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 556 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 557 | GCC_WARN_UNDECLARED_SELECTOR = YES; 558 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 559 | GCC_WARN_UNUSED_FUNCTION = YES; 560 | GCC_WARN_UNUSED_VARIABLE = YES; 561 | IPHONEOS_DEPLOYMENT_TARGET = 12.0; 562 | LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)"; 563 | LIBRARY_SEARCH_PATHS = ( 564 | "$(SDKROOT)/usr/lib/swift", 565 | "\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"", 566 | "\"$(inherited)\"", 567 | ); 568 | MTL_ENABLE_DEBUG_INFO = NO; 569 | OTHER_CPLUSPLUSFLAGS = ( 570 | "$(OTHER_CFLAGS)", 571 | "-DFOLLY_NO_CONFIG", 572 | "-DFOLLY_MOBILE=1", 573 | "-DFOLLY_USE_LIBCPP=1", 574 | ); 575 | SDKROOT = iphoneos; 576 | VALIDATE_PRODUCT = YES; 577 | }; 578 | name = Release; 579 | }; 580 | /* End XCBuildConfiguration section */ 581 | 582 | /* Begin XCConfigurationList section */ 583 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "PickyExampleTests" */ = { 584 | isa = XCConfigurationList; 585 | buildConfigurations = ( 586 | 00E356F61AD99517003FC87E /* Debug */, 587 | 00E356F71AD99517003FC87E /* Release */, 588 | ); 589 | defaultConfigurationIsVisible = 0; 590 | defaultConfigurationName = Release; 591 | }; 592 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "PickyExample" */ = { 593 | isa = XCConfigurationList; 594 | buildConfigurations = ( 595 | 13B07F941A680F5B00A75B9A /* Debug */, 596 | 13B07F951A680F5B00A75B9A /* Release */, 597 | ); 598 | defaultConfigurationIsVisible = 0; 599 | defaultConfigurationName = Release; 600 | }; 601 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "PickyExample" */ = { 602 | isa = XCConfigurationList; 603 | buildConfigurations = ( 604 | 83CBBA201A601CBA00E9B192 /* Debug */, 605 | 83CBBA211A601CBA00E9B192 /* Release */, 606 | ); 607 | defaultConfigurationIsVisible = 0; 608 | defaultConfigurationName = Release; 609 | }; 610 | /* End XCConfigurationList section */ 611 | }; 612 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 613 | } 614 | -------------------------------------------------------------------------------- /example/ios/PickyExample.xcodeproj/xcshareddata/xcschemes/PickyExample.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 38 | 39 | 44 | 45 | 51 | 52 | 53 | 54 | 64 | 66 | 72 | 73 | 74 | 75 | 81 | 83 | 89 | 90 | 91 | 92 | 94 | 95 | 98 | 99 | 100 | -------------------------------------------------------------------------------- /example/ios/PickyExample.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /example/ios/PickyExample.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /example/ios/PickyExample/AppDelegate.h: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) Facebook, Inc. and its affiliates. 3 | * 4 | * This source code is licensed under the MIT license found in the 5 | * LICENSE file in the root directory of this source tree. 6 | */ 7 | 8 | #import 9 | #import 10 | 11 | @interface AppDelegate : UIResponder 12 | 13 | @property (nonatomic, strong) UIWindow *window; 14 | 15 | @end 16 | -------------------------------------------------------------------------------- /example/ios/PickyExample/AppDelegate.mm: -------------------------------------------------------------------------------- 1 | #import "AppDelegate.h" 2 | 3 | #import 4 | #import 5 | #import 6 | 7 | #import 8 | 9 | #if RCT_NEW_ARCH_ENABLED 10 | #import 11 | #import 12 | #import 13 | #import 14 | #import 15 | #import 16 | 17 | #import 18 | 19 | @interface AppDelegate () { 20 | RCTTurboModuleManager *_turboModuleManager; 21 | RCTSurfacePresenterBridgeAdapter *_bridgeAdapter; 22 | std::shared_ptr _reactNativeConfig; 23 | facebook::react::ContextContainer::Shared _contextContainer; 24 | } 25 | @end 26 | #endif 27 | 28 | @implementation AppDelegate 29 | 30 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 31 | { 32 | RCTAppSetupPrepareApp(application); 33 | 34 | RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions]; 35 | 36 | #if RCT_NEW_ARCH_ENABLED 37 | _contextContainer = std::make_shared(); 38 | _reactNativeConfig = std::make_shared(); 39 | _contextContainer->insert("ReactNativeConfig", _reactNativeConfig); 40 | _bridgeAdapter = [[RCTSurfacePresenterBridgeAdapter alloc] initWithBridge:bridge contextContainer:_contextContainer]; 41 | bridge.surfacePresenter = _bridgeAdapter.surfacePresenter; 42 | #endif 43 | 44 | UIView *rootView = RCTAppSetupDefaultRootView(bridge, @"PickyExample", nil); 45 | 46 | if (@available(iOS 13.0, *)) { 47 | rootView.backgroundColor = [UIColor systemBackgroundColor]; 48 | } else { 49 | rootView.backgroundColor = [UIColor whiteColor]; 50 | } 51 | 52 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 53 | UIViewController *rootViewController = [UIViewController new]; 54 | rootViewController.view = rootView; 55 | self.window.rootViewController = rootViewController; 56 | [self.window makeKeyAndVisible]; 57 | return YES; 58 | } 59 | 60 | - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge 61 | { 62 | #if DEBUG 63 | return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"]; 64 | #else 65 | return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 66 | #endif 67 | } 68 | 69 | #if RCT_NEW_ARCH_ENABLED 70 | 71 | #pragma mark - RCTCxxBridgeDelegate 72 | 73 | - (std::unique_ptr)jsExecutorFactoryForBridge:(RCTBridge *)bridge 74 | { 75 | _turboModuleManager = [[RCTTurboModuleManager alloc] initWithBridge:bridge 76 | delegate:self 77 | jsInvoker:bridge.jsCallInvoker]; 78 | return RCTAppSetupDefaultJsExecutorFactory(bridge, _turboModuleManager); 79 | } 80 | 81 | #pragma mark RCTTurboModuleManagerDelegate 82 | 83 | - (Class)getModuleClassFromName:(const char *)name 84 | { 85 | return RCTCoreModulesClassProvider(name); 86 | } 87 | 88 | - (std::shared_ptr)getTurboModule:(const std::string &)name 89 | jsInvoker:(std::shared_ptr)jsInvoker 90 | { 91 | return nullptr; 92 | } 93 | 94 | - (std::shared_ptr)getTurboModule:(const std::string &)name 95 | initParams: 96 | (const facebook::react::ObjCTurboModule::InitParams &)params 97 | { 98 | return nullptr; 99 | } 100 | 101 | - (id)getModuleInstanceFromClass:(Class)moduleClass 102 | { 103 | return RCTAppSetupDefaultModuleFromClass(moduleClass); 104 | } 105 | 106 | #endif 107 | 108 | @end 109 | -------------------------------------------------------------------------------- /example/ios/PickyExample/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "size" : "29x29", 6 | "scale" : "2x" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "size" : "29x29", 11 | "scale" : "3x" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "size" : "40x40", 16 | "scale" : "2x" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "size" : "40x40", 21 | "scale" : "3x" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "size" : "60x60", 26 | "scale" : "2x" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "size" : "60x60", 31 | "scale" : "3x" 32 | } 33 | ], 34 | "info" : { 35 | "version" : 1, 36 | "author" : "xcode" 37 | } 38 | } -------------------------------------------------------------------------------- /example/ios/PickyExample/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /example/ios/PickyExample/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | Picky Example 9 | CFBundleExecutable 10 | $(EXECUTABLE_NAME) 11 | CFBundleIdentifier 12 | $(PRODUCT_BUNDLE_IDENTIFIER) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | $(PRODUCT_NAME) 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | 1.0 21 | CFBundleSignature 22 | ???? 23 | CFBundleVersion 24 | 1 25 | LSRequiresIPhoneOS 26 | 27 | NSAppTransportSecurity 28 | 29 | NSExceptionDomains 30 | 31 | localhost 32 | 33 | NSExceptionAllowsInsecureHTTPLoads 34 | 35 | 36 | 37 | 38 | NSLocationWhenInUseUsageDescription 39 | 40 | UILaunchStoryboardName 41 | LaunchScreen 42 | UIRequiredDeviceCapabilities 43 | 44 | armv7 45 | 46 | UISupportedInterfaceOrientations 47 | 48 | UIInterfaceOrientationPortrait 49 | UIInterfaceOrientationLandscapeLeft 50 | UIInterfaceOrientationLandscapeRight 51 | 52 | UIViewControllerBasedStatusBarAppearance 53 | 54 | 55 | 56 | -------------------------------------------------------------------------------- /example/ios/PickyExample/LaunchScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 24 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /example/ios/PickyExample/main.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) Facebook, Inc. and its affiliates. 3 | * 4 | * This source code is licensed under the MIT license found in the 5 | * LICENSE file in the root directory of this source tree. 6 | */ 7 | 8 | #import 9 | 10 | #import "AppDelegate.h" 11 | 12 | int main(int argc, char *argv[]) 13 | { 14 | @autoreleasepool { 15 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /example/ios/Podfile: -------------------------------------------------------------------------------- 1 | require_relative '../node_modules/react-native/scripts/react_native_pods' 2 | require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules' 3 | 4 | platform :ios, '11.0' 5 | install! 'cocoapods', :deterministic_uuids => false 6 | 7 | target 'PickyExample' do 8 | config = use_native_modules! 9 | 10 | # Flags change depending on the env values. 11 | flags = get_default_flags() 12 | 13 | use_react_native!( 14 | :path => config[:reactNativePath], 15 | # to enable hermes on iOS, change `false` to `true` and then install pods 16 | :hermes_enabled => true, 17 | :fabric_enabled => flags[:fabric_enabled], 18 | # An absolute path to your application root. 19 | :app_path => "#{Pod::Config.instance.installation_root}/.." 20 | ) 21 | 22 | pod 'react-native-picky', :path => '../..' 23 | 24 | # Enables Flipper. 25 | # 26 | # Note that if you have use_frameworks! enabled, Flipper will not work and 27 | # you should disable the next line. 28 | use_flipper!() 29 | 30 | post_install do |installer| 31 | react_native_post_install(installer) 32 | __apply_Xcode_12_5_M1_post_install_workaround(installer) 33 | end 34 | end -------------------------------------------------------------------------------- /example/ios/Podfile.lock: -------------------------------------------------------------------------------- 1 | PODS: 2 | - boost (1.76.0) 3 | - CocoaAsyncSocket (7.6.5) 4 | - DoubleConversion (1.1.6) 5 | - FBLazyVector (0.68.2) 6 | - FBReactNativeSpec (0.68.2): 7 | - RCT-Folly (= 2021.06.28.00-v2) 8 | - RCTRequired (= 0.68.2) 9 | - RCTTypeSafety (= 0.68.2) 10 | - React-Core (= 0.68.2) 11 | - React-jsi (= 0.68.2) 12 | - ReactCommon/turbomodule/core (= 0.68.2) 13 | - Flipper (0.125.0): 14 | - Flipper-Folly (~> 2.6) 15 | - Flipper-RSocket (~> 1.4) 16 | - Flipper-Boost-iOSX (1.76.0.1.11) 17 | - Flipper-DoubleConversion (3.2.0) 18 | - Flipper-Fmt (7.1.7) 19 | - Flipper-Folly (2.6.10): 20 | - Flipper-Boost-iOSX 21 | - Flipper-DoubleConversion 22 | - Flipper-Fmt (= 7.1.7) 23 | - Flipper-Glog 24 | - libevent (~> 2.1.12) 25 | - OpenSSL-Universal (= 1.1.1100) 26 | - Flipper-Glog (0.5.0.4) 27 | - Flipper-PeerTalk (0.0.4) 28 | - Flipper-RSocket (1.4.3): 29 | - Flipper-Folly (~> 2.6) 30 | - FlipperKit (0.125.0): 31 | - FlipperKit/Core (= 0.125.0) 32 | - FlipperKit/Core (0.125.0): 33 | - Flipper (~> 0.125.0) 34 | - FlipperKit/CppBridge 35 | - FlipperKit/FBCxxFollyDynamicConvert 36 | - FlipperKit/FBDefines 37 | - FlipperKit/FKPortForwarding 38 | - SocketRocket (~> 0.6.0) 39 | - FlipperKit/CppBridge (0.125.0): 40 | - Flipper (~> 0.125.0) 41 | - FlipperKit/FBCxxFollyDynamicConvert (0.125.0): 42 | - Flipper-Folly (~> 2.6) 43 | - FlipperKit/FBDefines (0.125.0) 44 | - FlipperKit/FKPortForwarding (0.125.0): 45 | - CocoaAsyncSocket (~> 7.6) 46 | - Flipper-PeerTalk (~> 0.0.4) 47 | - FlipperKit/FlipperKitHighlightOverlay (0.125.0) 48 | - FlipperKit/FlipperKitLayoutHelpers (0.125.0): 49 | - FlipperKit/Core 50 | - FlipperKit/FlipperKitHighlightOverlay 51 | - FlipperKit/FlipperKitLayoutTextSearchable 52 | - FlipperKit/FlipperKitLayoutIOSDescriptors (0.125.0): 53 | - FlipperKit/Core 54 | - FlipperKit/FlipperKitHighlightOverlay 55 | - FlipperKit/FlipperKitLayoutHelpers 56 | - YogaKit (~> 1.18) 57 | - FlipperKit/FlipperKitLayoutPlugin (0.125.0): 58 | - FlipperKit/Core 59 | - FlipperKit/FlipperKitHighlightOverlay 60 | - FlipperKit/FlipperKitLayoutHelpers 61 | - FlipperKit/FlipperKitLayoutIOSDescriptors 62 | - FlipperKit/FlipperKitLayoutTextSearchable 63 | - YogaKit (~> 1.18) 64 | - FlipperKit/FlipperKitLayoutTextSearchable (0.125.0) 65 | - FlipperKit/FlipperKitNetworkPlugin (0.125.0): 66 | - FlipperKit/Core 67 | - FlipperKit/FlipperKitReactPlugin (0.125.0): 68 | - FlipperKit/Core 69 | - FlipperKit/FlipperKitUserDefaultsPlugin (0.125.0): 70 | - FlipperKit/Core 71 | - FlipperKit/SKIOSNetworkPlugin (0.125.0): 72 | - FlipperKit/Core 73 | - FlipperKit/FlipperKitNetworkPlugin 74 | - fmt (6.2.1) 75 | - glog (0.3.5) 76 | - hermes-engine (0.11.0) 77 | - libevent (2.1.12) 78 | - OpenSSL-Universal (1.1.1100) 79 | - RCT-Folly (2021.06.28.00-v2): 80 | - boost 81 | - DoubleConversion 82 | - fmt (~> 6.2.1) 83 | - glog 84 | - RCT-Folly/Default (= 2021.06.28.00-v2) 85 | - RCT-Folly/Default (2021.06.28.00-v2): 86 | - boost 87 | - DoubleConversion 88 | - fmt (~> 6.2.1) 89 | - glog 90 | - RCT-Folly/Futures (2021.06.28.00-v2): 91 | - boost 92 | - DoubleConversion 93 | - fmt (~> 6.2.1) 94 | - glog 95 | - libevent 96 | - RCTRequired (0.68.2) 97 | - RCTTypeSafety (0.68.2): 98 | - FBLazyVector (= 0.68.2) 99 | - RCT-Folly (= 2021.06.28.00-v2) 100 | - RCTRequired (= 0.68.2) 101 | - React-Core (= 0.68.2) 102 | - React (0.68.2): 103 | - React-Core (= 0.68.2) 104 | - React-Core/DevSupport (= 0.68.2) 105 | - React-Core/RCTWebSocket (= 0.68.2) 106 | - React-RCTActionSheet (= 0.68.2) 107 | - React-RCTAnimation (= 0.68.2) 108 | - React-RCTBlob (= 0.68.2) 109 | - React-RCTImage (= 0.68.2) 110 | - React-RCTLinking (= 0.68.2) 111 | - React-RCTNetwork (= 0.68.2) 112 | - React-RCTSettings (= 0.68.2) 113 | - React-RCTText (= 0.68.2) 114 | - React-RCTVibration (= 0.68.2) 115 | - React-callinvoker (0.68.2) 116 | - React-Codegen (0.68.2): 117 | - FBReactNativeSpec (= 0.68.2) 118 | - RCT-Folly (= 2021.06.28.00-v2) 119 | - RCTRequired (= 0.68.2) 120 | - RCTTypeSafety (= 0.68.2) 121 | - React-Core (= 0.68.2) 122 | - React-jsi (= 0.68.2) 123 | - React-jsiexecutor (= 0.68.2) 124 | - ReactCommon/turbomodule/core (= 0.68.2) 125 | - React-Core (0.68.2): 126 | - glog 127 | - RCT-Folly (= 2021.06.28.00-v2) 128 | - React-Core/Default (= 0.68.2) 129 | - React-cxxreact (= 0.68.2) 130 | - React-jsi (= 0.68.2) 131 | - React-jsiexecutor (= 0.68.2) 132 | - React-perflogger (= 0.68.2) 133 | - Yoga 134 | - React-Core/CoreModulesHeaders (0.68.2): 135 | - glog 136 | - RCT-Folly (= 2021.06.28.00-v2) 137 | - React-Core/Default 138 | - React-cxxreact (= 0.68.2) 139 | - React-jsi (= 0.68.2) 140 | - React-jsiexecutor (= 0.68.2) 141 | - React-perflogger (= 0.68.2) 142 | - Yoga 143 | - React-Core/Default (0.68.2): 144 | - glog 145 | - RCT-Folly (= 2021.06.28.00-v2) 146 | - React-cxxreact (= 0.68.2) 147 | - React-jsi (= 0.68.2) 148 | - React-jsiexecutor (= 0.68.2) 149 | - React-perflogger (= 0.68.2) 150 | - Yoga 151 | - React-Core/DevSupport (0.68.2): 152 | - glog 153 | - RCT-Folly (= 2021.06.28.00-v2) 154 | - React-Core/Default (= 0.68.2) 155 | - React-Core/RCTWebSocket (= 0.68.2) 156 | - React-cxxreact (= 0.68.2) 157 | - React-jsi (= 0.68.2) 158 | - React-jsiexecutor (= 0.68.2) 159 | - React-jsinspector (= 0.68.2) 160 | - React-perflogger (= 0.68.2) 161 | - Yoga 162 | - React-Core/RCTActionSheetHeaders (0.68.2): 163 | - glog 164 | - RCT-Folly (= 2021.06.28.00-v2) 165 | - React-Core/Default 166 | - React-cxxreact (= 0.68.2) 167 | - React-jsi (= 0.68.2) 168 | - React-jsiexecutor (= 0.68.2) 169 | - React-perflogger (= 0.68.2) 170 | - Yoga 171 | - React-Core/RCTAnimationHeaders (0.68.2): 172 | - glog 173 | - RCT-Folly (= 2021.06.28.00-v2) 174 | - React-Core/Default 175 | - React-cxxreact (= 0.68.2) 176 | - React-jsi (= 0.68.2) 177 | - React-jsiexecutor (= 0.68.2) 178 | - React-perflogger (= 0.68.2) 179 | - Yoga 180 | - React-Core/RCTBlobHeaders (0.68.2): 181 | - glog 182 | - RCT-Folly (= 2021.06.28.00-v2) 183 | - React-Core/Default 184 | - React-cxxreact (= 0.68.2) 185 | - React-jsi (= 0.68.2) 186 | - React-jsiexecutor (= 0.68.2) 187 | - React-perflogger (= 0.68.2) 188 | - Yoga 189 | - React-Core/RCTImageHeaders (0.68.2): 190 | - glog 191 | - RCT-Folly (= 2021.06.28.00-v2) 192 | - React-Core/Default 193 | - React-cxxreact (= 0.68.2) 194 | - React-jsi (= 0.68.2) 195 | - React-jsiexecutor (= 0.68.2) 196 | - React-perflogger (= 0.68.2) 197 | - Yoga 198 | - React-Core/RCTLinkingHeaders (0.68.2): 199 | - glog 200 | - RCT-Folly (= 2021.06.28.00-v2) 201 | - React-Core/Default 202 | - React-cxxreact (= 0.68.2) 203 | - React-jsi (= 0.68.2) 204 | - React-jsiexecutor (= 0.68.2) 205 | - React-perflogger (= 0.68.2) 206 | - Yoga 207 | - React-Core/RCTNetworkHeaders (0.68.2): 208 | - glog 209 | - RCT-Folly (= 2021.06.28.00-v2) 210 | - React-Core/Default 211 | - React-cxxreact (= 0.68.2) 212 | - React-jsi (= 0.68.2) 213 | - React-jsiexecutor (= 0.68.2) 214 | - React-perflogger (= 0.68.2) 215 | - Yoga 216 | - React-Core/RCTSettingsHeaders (0.68.2): 217 | - glog 218 | - RCT-Folly (= 2021.06.28.00-v2) 219 | - React-Core/Default 220 | - React-cxxreact (= 0.68.2) 221 | - React-jsi (= 0.68.2) 222 | - React-jsiexecutor (= 0.68.2) 223 | - React-perflogger (= 0.68.2) 224 | - Yoga 225 | - React-Core/RCTTextHeaders (0.68.2): 226 | - glog 227 | - RCT-Folly (= 2021.06.28.00-v2) 228 | - React-Core/Default 229 | - React-cxxreact (= 0.68.2) 230 | - React-jsi (= 0.68.2) 231 | - React-jsiexecutor (= 0.68.2) 232 | - React-perflogger (= 0.68.2) 233 | - Yoga 234 | - React-Core/RCTVibrationHeaders (0.68.2): 235 | - glog 236 | - RCT-Folly (= 2021.06.28.00-v2) 237 | - React-Core/Default 238 | - React-cxxreact (= 0.68.2) 239 | - React-jsi (= 0.68.2) 240 | - React-jsiexecutor (= 0.68.2) 241 | - React-perflogger (= 0.68.2) 242 | - Yoga 243 | - React-Core/RCTWebSocket (0.68.2): 244 | - glog 245 | - RCT-Folly (= 2021.06.28.00-v2) 246 | - React-Core/Default (= 0.68.2) 247 | - React-cxxreact (= 0.68.2) 248 | - React-jsi (= 0.68.2) 249 | - React-jsiexecutor (= 0.68.2) 250 | - React-perflogger (= 0.68.2) 251 | - Yoga 252 | - React-CoreModules (0.68.2): 253 | - RCT-Folly (= 2021.06.28.00-v2) 254 | - RCTTypeSafety (= 0.68.2) 255 | - React-Codegen (= 0.68.2) 256 | - React-Core/CoreModulesHeaders (= 0.68.2) 257 | - React-jsi (= 0.68.2) 258 | - React-RCTImage (= 0.68.2) 259 | - ReactCommon/turbomodule/core (= 0.68.2) 260 | - React-cxxreact (0.68.2): 261 | - boost (= 1.76.0) 262 | - DoubleConversion 263 | - glog 264 | - RCT-Folly (= 2021.06.28.00-v2) 265 | - React-callinvoker (= 0.68.2) 266 | - React-jsi (= 0.68.2) 267 | - React-jsinspector (= 0.68.2) 268 | - React-logger (= 0.68.2) 269 | - React-perflogger (= 0.68.2) 270 | - React-runtimeexecutor (= 0.68.2) 271 | - React-hermes (0.68.2): 272 | - DoubleConversion 273 | - glog 274 | - hermes-engine 275 | - RCT-Folly (= 2021.06.28.00-v2) 276 | - RCT-Folly/Futures (= 2021.06.28.00-v2) 277 | - React-cxxreact (= 0.68.2) 278 | - React-jsi (= 0.68.2) 279 | - React-jsiexecutor (= 0.68.2) 280 | - React-jsinspector (= 0.68.2) 281 | - React-perflogger (= 0.68.2) 282 | - React-jsi (0.68.2): 283 | - boost (= 1.76.0) 284 | - DoubleConversion 285 | - glog 286 | - RCT-Folly (= 2021.06.28.00-v2) 287 | - React-jsi/Default (= 0.68.2) 288 | - React-jsi/Default (0.68.2): 289 | - boost (= 1.76.0) 290 | - DoubleConversion 291 | - glog 292 | - RCT-Folly (= 2021.06.28.00-v2) 293 | - React-jsiexecutor (0.68.2): 294 | - DoubleConversion 295 | - glog 296 | - RCT-Folly (= 2021.06.28.00-v2) 297 | - React-cxxreact (= 0.68.2) 298 | - React-jsi (= 0.68.2) 299 | - React-perflogger (= 0.68.2) 300 | - React-jsinspector (0.68.2) 301 | - React-logger (0.68.2): 302 | - glog 303 | - react-native-picky (0.3.3): 304 | - React-Core 305 | - React-perflogger (0.68.2) 306 | - React-RCTActionSheet (0.68.2): 307 | - React-Core/RCTActionSheetHeaders (= 0.68.2) 308 | - React-RCTAnimation (0.68.2): 309 | - RCT-Folly (= 2021.06.28.00-v2) 310 | - RCTTypeSafety (= 0.68.2) 311 | - React-Codegen (= 0.68.2) 312 | - React-Core/RCTAnimationHeaders (= 0.68.2) 313 | - React-jsi (= 0.68.2) 314 | - ReactCommon/turbomodule/core (= 0.68.2) 315 | - React-RCTBlob (0.68.2): 316 | - RCT-Folly (= 2021.06.28.00-v2) 317 | - React-Codegen (= 0.68.2) 318 | - React-Core/RCTBlobHeaders (= 0.68.2) 319 | - React-Core/RCTWebSocket (= 0.68.2) 320 | - React-jsi (= 0.68.2) 321 | - React-RCTNetwork (= 0.68.2) 322 | - ReactCommon/turbomodule/core (= 0.68.2) 323 | - React-RCTImage (0.68.2): 324 | - RCT-Folly (= 2021.06.28.00-v2) 325 | - RCTTypeSafety (= 0.68.2) 326 | - React-Codegen (= 0.68.2) 327 | - React-Core/RCTImageHeaders (= 0.68.2) 328 | - React-jsi (= 0.68.2) 329 | - React-RCTNetwork (= 0.68.2) 330 | - ReactCommon/turbomodule/core (= 0.68.2) 331 | - React-RCTLinking (0.68.2): 332 | - React-Codegen (= 0.68.2) 333 | - React-Core/RCTLinkingHeaders (= 0.68.2) 334 | - React-jsi (= 0.68.2) 335 | - ReactCommon/turbomodule/core (= 0.68.2) 336 | - React-RCTNetwork (0.68.2): 337 | - RCT-Folly (= 2021.06.28.00-v2) 338 | - RCTTypeSafety (= 0.68.2) 339 | - React-Codegen (= 0.68.2) 340 | - React-Core/RCTNetworkHeaders (= 0.68.2) 341 | - React-jsi (= 0.68.2) 342 | - ReactCommon/turbomodule/core (= 0.68.2) 343 | - React-RCTSettings (0.68.2): 344 | - RCT-Folly (= 2021.06.28.00-v2) 345 | - RCTTypeSafety (= 0.68.2) 346 | - React-Codegen (= 0.68.2) 347 | - React-Core/RCTSettingsHeaders (= 0.68.2) 348 | - React-jsi (= 0.68.2) 349 | - ReactCommon/turbomodule/core (= 0.68.2) 350 | - React-RCTText (0.68.2): 351 | - React-Core/RCTTextHeaders (= 0.68.2) 352 | - React-RCTVibration (0.68.2): 353 | - RCT-Folly (= 2021.06.28.00-v2) 354 | - React-Codegen (= 0.68.2) 355 | - React-Core/RCTVibrationHeaders (= 0.68.2) 356 | - React-jsi (= 0.68.2) 357 | - ReactCommon/turbomodule/core (= 0.68.2) 358 | - React-runtimeexecutor (0.68.2): 359 | - React-jsi (= 0.68.2) 360 | - ReactCommon/turbomodule/core (0.68.2): 361 | - DoubleConversion 362 | - glog 363 | - RCT-Folly (= 2021.06.28.00-v2) 364 | - React-callinvoker (= 0.68.2) 365 | - React-Core (= 0.68.2) 366 | - React-cxxreact (= 0.68.2) 367 | - React-jsi (= 0.68.2) 368 | - React-logger (= 0.68.2) 369 | - React-perflogger (= 0.68.2) 370 | - SocketRocket (0.6.0) 371 | - Yoga (1.14.0) 372 | - YogaKit (1.18.1): 373 | - Yoga (~> 1.14) 374 | 375 | DEPENDENCIES: 376 | - boost (from `../node_modules/react-native/third-party-podspecs/boost.podspec`) 377 | - DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`) 378 | - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`) 379 | - FBReactNativeSpec (from `../node_modules/react-native/React/FBReactNativeSpec`) 380 | - Flipper (= 0.125.0) 381 | - Flipper-Boost-iOSX (= 1.76.0.1.11) 382 | - Flipper-DoubleConversion (= 3.2.0) 383 | - Flipper-Fmt (= 7.1.7) 384 | - Flipper-Folly (= 2.6.10) 385 | - Flipper-Glog (= 0.5.0.4) 386 | - Flipper-PeerTalk (= 0.0.4) 387 | - Flipper-RSocket (= 1.4.3) 388 | - FlipperKit (= 0.125.0) 389 | - FlipperKit/Core (= 0.125.0) 390 | - FlipperKit/CppBridge (= 0.125.0) 391 | - FlipperKit/FBCxxFollyDynamicConvert (= 0.125.0) 392 | - FlipperKit/FBDefines (= 0.125.0) 393 | - FlipperKit/FKPortForwarding (= 0.125.0) 394 | - FlipperKit/FlipperKitHighlightOverlay (= 0.125.0) 395 | - FlipperKit/FlipperKitLayoutPlugin (= 0.125.0) 396 | - FlipperKit/FlipperKitLayoutTextSearchable (= 0.125.0) 397 | - FlipperKit/FlipperKitNetworkPlugin (= 0.125.0) 398 | - FlipperKit/FlipperKitReactPlugin (= 0.125.0) 399 | - FlipperKit/FlipperKitUserDefaultsPlugin (= 0.125.0) 400 | - FlipperKit/SKIOSNetworkPlugin (= 0.125.0) 401 | - glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`) 402 | - hermes-engine (~> 0.11.0) 403 | - libevent (~> 2.1.12) 404 | - OpenSSL-Universal (= 1.1.1100) 405 | - RCT-Folly (from `../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec`) 406 | - RCTRequired (from `../node_modules/react-native/Libraries/RCTRequired`) 407 | - RCTTypeSafety (from `../node_modules/react-native/Libraries/TypeSafety`) 408 | - React (from `../node_modules/react-native/`) 409 | - React-callinvoker (from `../node_modules/react-native/ReactCommon/callinvoker`) 410 | - React-Codegen (from `build/generated/ios`) 411 | - React-Core (from `../node_modules/react-native/`) 412 | - React-Core/DevSupport (from `../node_modules/react-native/`) 413 | - React-Core/RCTWebSocket (from `../node_modules/react-native/`) 414 | - React-CoreModules (from `../node_modules/react-native/React/CoreModules`) 415 | - React-cxxreact (from `../node_modules/react-native/ReactCommon/cxxreact`) 416 | - React-hermes (from `../node_modules/react-native/ReactCommon/hermes`) 417 | - React-jsi (from `../node_modules/react-native/ReactCommon/jsi`) 418 | - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`) 419 | - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`) 420 | - React-logger (from `../node_modules/react-native/ReactCommon/logger`) 421 | - react-native-picky (from `../..`) 422 | - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`) 423 | - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`) 424 | - React-RCTAnimation (from `../node_modules/react-native/Libraries/NativeAnimation`) 425 | - React-RCTBlob (from `../node_modules/react-native/Libraries/Blob`) 426 | - React-RCTImage (from `../node_modules/react-native/Libraries/Image`) 427 | - React-RCTLinking (from `../node_modules/react-native/Libraries/LinkingIOS`) 428 | - React-RCTNetwork (from `../node_modules/react-native/Libraries/Network`) 429 | - React-RCTSettings (from `../node_modules/react-native/Libraries/Settings`) 430 | - React-RCTText (from `../node_modules/react-native/Libraries/Text`) 431 | - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`) 432 | - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`) 433 | - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`) 434 | - Yoga (from `../node_modules/react-native/ReactCommon/yoga`) 435 | 436 | SPEC REPOS: 437 | trunk: 438 | - CocoaAsyncSocket 439 | - Flipper 440 | - Flipper-Boost-iOSX 441 | - Flipper-DoubleConversion 442 | - Flipper-Fmt 443 | - Flipper-Folly 444 | - Flipper-Glog 445 | - Flipper-PeerTalk 446 | - Flipper-RSocket 447 | - FlipperKit 448 | - fmt 449 | - hermes-engine 450 | - libevent 451 | - OpenSSL-Universal 452 | - SocketRocket 453 | - YogaKit 454 | 455 | EXTERNAL SOURCES: 456 | boost: 457 | :podspec: "../node_modules/react-native/third-party-podspecs/boost.podspec" 458 | DoubleConversion: 459 | :podspec: "../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec" 460 | FBLazyVector: 461 | :path: "../node_modules/react-native/Libraries/FBLazyVector" 462 | FBReactNativeSpec: 463 | :path: "../node_modules/react-native/React/FBReactNativeSpec" 464 | glog: 465 | :podspec: "../node_modules/react-native/third-party-podspecs/glog.podspec" 466 | RCT-Folly: 467 | :podspec: "../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec" 468 | RCTRequired: 469 | :path: "../node_modules/react-native/Libraries/RCTRequired" 470 | RCTTypeSafety: 471 | :path: "../node_modules/react-native/Libraries/TypeSafety" 472 | React: 473 | :path: "../node_modules/react-native/" 474 | React-callinvoker: 475 | :path: "../node_modules/react-native/ReactCommon/callinvoker" 476 | React-Codegen: 477 | :path: build/generated/ios 478 | React-Core: 479 | :path: "../node_modules/react-native/" 480 | React-CoreModules: 481 | :path: "../node_modules/react-native/React/CoreModules" 482 | React-cxxreact: 483 | :path: "../node_modules/react-native/ReactCommon/cxxreact" 484 | React-hermes: 485 | :path: "../node_modules/react-native/ReactCommon/hermes" 486 | React-jsi: 487 | :path: "../node_modules/react-native/ReactCommon/jsi" 488 | React-jsiexecutor: 489 | :path: "../node_modules/react-native/ReactCommon/jsiexecutor" 490 | React-jsinspector: 491 | :path: "../node_modules/react-native/ReactCommon/jsinspector" 492 | React-logger: 493 | :path: "../node_modules/react-native/ReactCommon/logger" 494 | react-native-picky: 495 | :path: "../.." 496 | React-perflogger: 497 | :path: "../node_modules/react-native/ReactCommon/reactperflogger" 498 | React-RCTActionSheet: 499 | :path: "../node_modules/react-native/Libraries/ActionSheetIOS" 500 | React-RCTAnimation: 501 | :path: "../node_modules/react-native/Libraries/NativeAnimation" 502 | React-RCTBlob: 503 | :path: "../node_modules/react-native/Libraries/Blob" 504 | React-RCTImage: 505 | :path: "../node_modules/react-native/Libraries/Image" 506 | React-RCTLinking: 507 | :path: "../node_modules/react-native/Libraries/LinkingIOS" 508 | React-RCTNetwork: 509 | :path: "../node_modules/react-native/Libraries/Network" 510 | React-RCTSettings: 511 | :path: "../node_modules/react-native/Libraries/Settings" 512 | React-RCTText: 513 | :path: "../node_modules/react-native/Libraries/Text" 514 | React-RCTVibration: 515 | :path: "../node_modules/react-native/Libraries/Vibration" 516 | React-runtimeexecutor: 517 | :path: "../node_modules/react-native/ReactCommon/runtimeexecutor" 518 | ReactCommon: 519 | :path: "../node_modules/react-native/ReactCommon" 520 | Yoga: 521 | :path: "../node_modules/react-native/ReactCommon/yoga" 522 | 523 | SPEC CHECKSUMS: 524 | boost: a7c83b31436843459a1961bfd74b96033dc77234 525 | CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99 526 | DoubleConversion: 831926d9b8bf8166fd87886c4abab286c2422662 527 | FBLazyVector: a7a655862f6b09625d11c772296b01cd5164b648 528 | FBReactNativeSpec: 81ce99032d5b586fddd6a38d450f8595f7e04be4 529 | Flipper: 26fc4b7382499f1281eb8cb921e5c3ad6de91fe0 530 | Flipper-Boost-iOSX: fd1e2b8cbef7e662a122412d7ac5f5bea715403c 531 | Flipper-DoubleConversion: 3d3d04a078d4f3a1b6c6916587f159dc11f232c4 532 | Flipper-Fmt: 60cbdd92fc254826e61d669a5d87ef7015396a9b 533 | Flipper-Folly: 584845625005ff068a6ebf41f857f468decd26b3 534 | Flipper-Glog: 87bc98ff48de90cb5b0b5114ed3da79d85ee2dd4 535 | Flipper-PeerTalk: 116d8f857dc6ef55c7a5a75ea3ceaafe878aadc9 536 | Flipper-RSocket: d9d9ade67cbecf6ac10730304bf5607266dd2541 537 | FlipperKit: cbdee19bdd4e7f05472a66ce290f1b729ba3cb86 538 | fmt: ff9d55029c625d3757ed641535fd4a75fedc7ce9 539 | glog: 476ee3e89abb49e07f822b48323c51c57124b572 540 | hermes-engine: 84e3af1ea01dd7351ac5d8689cbbea1f9903ffc3 541 | libevent: 4049cae6c81cdb3654a443be001fb9bdceff7913 542 | OpenSSL-Universal: ebc357f1e6bc71fa463ccb2fe676756aff50e88c 543 | RCT-Folly: 4d8508a426467c48885f1151029bc15fa5d7b3b8 544 | RCTRequired: 3e917ea5377751094f38145fdece525aa90545a0 545 | RCTTypeSafety: c43c072a4bd60feb49a9570b0517892b4305c45e 546 | React: 176dd882de001854ced260fad41bb68a31aa4bd0 547 | React-callinvoker: c2864d1818d6e64928d2faf774a3800dfc38fe1f 548 | React-Codegen: 98b6f97f0a7abf7d67e4ce435c77c05b7a95cf05 549 | React-Core: fdaa2916b1c893f39f02cff0476d1fb0cab1e352 550 | React-CoreModules: fd8705b80699ec36c2cdd635c2ce9d874b9cfdfc 551 | React-cxxreact: 1832d971f7b0cb2c7b943dc0ec962762c90c906e 552 | React-hermes: 14e0ea3ce4b44bb3ac7663d96d0e3e28857f7b62 553 | React-jsi: 72af715135abe8c3f0dcf3b2548b71d048b69a7e 554 | React-jsiexecutor: b7b553412f2ec768fe6c8f27cd6bafdb9d8719e6 555 | React-jsinspector: c5989c77cb89ae6a69561095a61cce56a44ae8e8 556 | React-logger: a0833912d93b36b791b7a521672d8ee89107aff1 557 | react-native-picky: 6be6330f80dc1929c2774bbd6f32e3d04638e7e2 558 | React-perflogger: a18b4f0bd933b8b24ecf9f3c54f9bf65180f3fe6 559 | React-RCTActionSheet: 547fe42fdb4b6089598d79f8e1d855d7c23e2162 560 | React-RCTAnimation: bc9440a1c37b06ae9ebbb532d244f607805c6034 561 | React-RCTBlob: a1295c8e183756d7ef30ba6e8f8144dfe8a19215 562 | React-RCTImage: a30d1ee09b1334067fbb6f30789aae2d7ac150c9 563 | React-RCTLinking: ffc6d5b88d1cb9aca13c54c2ec6507fbf07f2ac4 564 | React-RCTNetwork: f807a2facab6cf5cf36d592e634611de9cf12d81 565 | React-RCTSettings: 861806819226ed8332e6a8f90df2951a34bb3e7f 566 | React-RCTText: f3fb464cc41a50fc7a1aba4deeb76a9ad8282cb9 567 | React-RCTVibration: 79040b92bfa9c3c2d2cb4f57e981164ec7ab9374 568 | React-runtimeexecutor: b960b687d2dfef0d3761fbb187e01812ebab8b23 569 | ReactCommon: 095366164a276d91ea704ce53cb03825c487a3f2 570 | SocketRocket: fccef3f9c5cedea1353a9ef6ada904fde10d6608 571 | Yoga: 99652481fcd320aefa4a7ef90095b95acd181952 572 | YogaKit: f782866e155069a2cca2517aafea43200b01fd5a 573 | 574 | PODFILE CHECKSUM: 0e35c9495c536df2df1f879c35d32c550e384a5b 575 | 576 | COCOAPODS: 1.11.3 577 | -------------------------------------------------------------------------------- /example/metro.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const blacklist = require('metro-config/src/defaults/exclusionList'); 3 | const escape = require('escape-string-regexp'); 4 | const pak = require('../package.json'); 5 | 6 | const root = path.resolve(__dirname, '..'); 7 | 8 | const modules = Object.keys({ 9 | ...pak.peerDependencies, 10 | }); 11 | 12 | module.exports = { 13 | projectRoot: __dirname, 14 | watchFolders: [root], 15 | 16 | // We need to make sure that only one version is loaded for peerDependencies 17 | // So we blacklist them at the root, and alias them to the versions in example's node_modules 18 | resolver: { 19 | blacklistRE: blacklist( 20 | modules.map( 21 | (m) => 22 | new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`) 23 | ) 24 | ), 25 | 26 | extraNodeModules: modules.reduce((acc, name) => { 27 | acc[name] = path.join(__dirname, 'node_modules', name); 28 | return acc; 29 | }, {}), 30 | }, 31 | 32 | transformer: { 33 | getTransformOptions: async () => ({ 34 | transform: { 35 | experimentalImportSupport: false, 36 | inlineRequires: true, 37 | }, 38 | }), 39 | }, 40 | }; 41 | -------------------------------------------------------------------------------- /example/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-picky-example", 3 | "description": "Example app for react-native-picky", 4 | "version": "0.0.1", 5 | "private": true, 6 | "scripts": { 7 | "android": "react-native run-android", 8 | "ios": "react-native run-ios", 9 | "start": "react-native start" 10 | }, 11 | "dependencies": { 12 | "react": "17.0.2", 13 | "react-native": "0.68.2" 14 | }, 15 | "devDependencies": { 16 | "@babel/core": "^7.12.10", 17 | "@babel/runtime": "^7.12.5", 18 | "babel-plugin-module-resolver": "^4.0.0", 19 | "metro-react-native-babel-preset": "^0.67.0" 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /example/src/App.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | 3 | import { ScrollView, StyleSheet, View } from 'react-native'; 4 | import { Picker, PickerColumn, PickerItem } from 'react-native-picky'; 5 | 6 | export default function App() { 7 | return ( 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | console.log('Picker onChange: ', event)} 23 | > 24 | console.log('PickerColumn onChange: ', event)} 26 | > 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | ); 51 | } 52 | 53 | const styles = StyleSheet.create({ 54 | container: { 55 | flex: 1, 56 | paddingVertical: 24, 57 | }, 58 | }); 59 | -------------------------------------------------------------------------------- /ios/Picky.h: -------------------------------------------------------------------------------- 1 | // 2 | // Picky.h 3 | // Picky 4 | // 5 | // Created by Liam Andrew on 2/6/2022. 6 | // Copyright © 2022 Facebook. All rights reserved. 7 | // 8 | 9 | #import 10 | 11 | #import 12 | 13 | #import "PickyLabel.h" 14 | 15 | @interface Picky : UIPickerView 16 | 17 | @property (nonatomic, copy) NSArray *data; 18 | @property (nonatomic, copy) NSArray *columnWidths; 19 | @property (nonatomic, copy) NSArray *selectedIndexes; 20 | 21 | @property (nonatomic, assign) BOOL loop; 22 | @property (nonatomic, assign) int loopThreshold; 23 | 24 | @property (nonatomic, strong) UIColor *color; 25 | @property (nonatomic, strong) UIFont *font; 26 | @property (nonatomic, assign) NSTextAlignment textAlign; 27 | 28 | @property (nonatomic, assign) NSInteger numberOfLines; 29 | 30 | @property (nonatomic, copy) RCTBubblingEventBlock onChange; 31 | 32 | @end 33 | -------------------------------------------------------------------------------- /ios/Picky.m: -------------------------------------------------------------------------------- 1 | // 2 | // Picky.m 3 | // Picky 4 | // 5 | // Created by Liam Andrew on 2/6/2022. 6 | // Copyright © 2022 Facebook. All rights reserved. 7 | // 8 | 9 | #import "Picky.h" 10 | 11 | #import 12 | #import 13 | 14 | @interface Picky() 15 | @end 16 | 17 | @implementation Picky 18 | 19 | - (instancetype)initWithFrame:(CGRect)frame 20 | { 21 | if ((self = [super initWithFrame:frame])) { 22 | _color = [UIColor blackColor]; 23 | _font = [UIFont systemFontOfSize:21]; 24 | _textAlign = NSTextAlignmentCenter; 25 | _numberOfLines = 1; 26 | _loop = false; 27 | _loopThreshold = 1; 28 | _columnWidths = [NSArray new]; 29 | _selectedIndexes = [NSArray new]; 30 | 31 | self.delegate = self; 32 | self.dataSource = self; 33 | } 34 | return self; 35 | } 36 | 37 | RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)aDecoder) 38 | 39 | - (void)setData:(NSArray *)data 40 | { 41 | _data = [data copy]; 42 | 43 | if (_loop) { 44 | [self initLoopScrollBehaviour]; 45 | } 46 | 47 | [self setNeedsLayout]; 48 | } 49 | 50 | - (void)setColumnWidths:(NSArray *)columnWidths 51 | { 52 | _columnWidths = [columnWidths copy]; 53 | 54 | [self setNeedsLayout]; 55 | } 56 | 57 | - (void)setSelectedIndexes:(NSArray *)selectedIndexes 58 | { 59 | BOOL animated = [_selectedIndexes count] > 0; // Don't animate the initial value 60 | _selectedIndexes = [selectedIndexes copy]; 61 | 62 | for (NSInteger i = 0; i < [_data count]; i++) { 63 | NSInteger currentSelected = [self selectedRowInComponent:i]; 64 | NSInteger checkVal = [[_selectedIndexes objectAtIndex:i] integerValue]; 65 | 66 | if (i < _selectedIndexes.count && currentSelected != checkVal ) { 67 | 68 | if (_loop) { 69 | checkVal = (_loopThreshold / 2) * [[self dataForComponent:i] count] + checkVal; 70 | } 71 | 72 | dispatch_async(dispatch_get_main_queue(), ^{ 73 | [self selectRow:checkVal inComponent:i animated:animated]; 74 | }); 75 | } 76 | } 77 | } 78 | 79 | - (void)setLoop: (BOOL)loop 80 | { 81 | _loop = loop; 82 | 83 | if (loop) { 84 | _loopThreshold = 60; 85 | 86 | [self initLoopScrollBehaviour]; 87 | } else { 88 | _loopThreshold = 1; 89 | } 90 | 91 | [self setNeedsLayout]; 92 | } 93 | 94 | - (void)setNumberOfLines:(NSInteger)numberOfLines 95 | { 96 | _numberOfLines = numberOfLines; 97 | [self reloadAllComponents]; 98 | [self setNeedsLayout]; 99 | } 100 | 101 | - (void)setFont:(UIFont *)font 102 | { 103 | _font = font; 104 | [self reloadAllComponents]; 105 | [self setNeedsLayout]; 106 | } 107 | 108 | #pragma mark - Helpers 109 | - (NSArray *)dataForComponent:(NSInteger)component 110 | { 111 | return [_data objectAtIndex:component]; 112 | } 113 | 114 | - (NSDictionary *)dataForRow:(NSInteger)row inComponent:(NSInteger)component 115 | { 116 | NSArray *data = [self dataForComponent:component]; 117 | 118 | return [data objectAtIndex: row % [data count]]; 119 | } 120 | 121 | - (void)initLoopScrollBehaviour 122 | { 123 | // Set selected in the middle for each column 124 | for (NSInteger i = 0; i < [_data count]; i++) { 125 | [self selectRow:(_loopThreshold / 2) * [[self dataForComponent:i] count] inComponent:i animated:FALSE]; 126 | } 127 | } 128 | 129 | #pragma mark - UIPickerViewDataSource protocol 130 | 131 | - (NSInteger)numberOfComponentsInPickerView:(__unused UIPickerView *)pickerView 132 | { 133 | return [_data count]; 134 | } 135 | 136 | - (NSInteger)pickerView:(__unused UIPickerView *)pickerView 137 | numberOfRowsInComponent:(__unused NSInteger)component 138 | { 139 | return [[_data objectAtIndex:component] count] * _loopThreshold; 140 | } 141 | 142 | #pragma mark - UIPickerViewDelegate methods 143 | 144 | - (NSString *)pickerView:(__unused UIPickerView *)pickerView 145 | titleForRow:(NSInteger)row 146 | forComponent:(__unused NSInteger)component 147 | { 148 | return [RCTConvert NSString: [self dataForRow:row inComponent:component][@"label"]]; 149 | } 150 | 151 | - (CGFloat)pickerView:(__unused UIPickerView *)pickerView 152 | rowHeightForComponent:(__unused NSInteger) component { 153 | return (_font.lineHeight) * _numberOfLines + 20; 154 | } 155 | 156 | - (CGFloat)pickerView:(__unused UIPickerView *)pickerView 157 | widthForComponent:(__unused NSInteger)component { 158 | if ([_columnWidths count] == 0) { 159 | return 0; 160 | } 161 | 162 | return [[_columnWidths objectAtIndex:component] floatValue]; 163 | } 164 | 165 | - (UIView *)pickerView:(UIPickerView *)pickerView 166 | viewForRow:(NSInteger)row 167 | forComponent:(NSInteger)component 168 | reusingView:(UIView *)view 169 | { 170 | if (!view) { 171 | CGFloat rowHeight = [pickerView rowSizeForComponent:component].height; 172 | CGFloat rowWidth = [pickerView rowSizeForComponent:component].width; 173 | view = [[UIView alloc] initWithFrame:CGRectZero]; 174 | PickyLabel* label = [[PickyLabel alloc] initWithFrame:(CGRect) { 175 | CGPointZero, 176 | { 177 | rowWidth, 178 | rowHeight, 179 | } 180 | }]; 181 | [view insertSubview:label atIndex:0]; 182 | } 183 | 184 | PickyLabel* label = view.subviews[0]; 185 | label.font = _font; 186 | 187 | NSDictionary *rowData = [self dataForRow:row inComponent:component]; 188 | 189 | label.textColor = [RCTConvert UIColor:rowData[@"textColor"]] ?: _color; 190 | 191 | label.textAlignment = _textAlign; 192 | label.text = [self pickerView:pickerView titleForRow:row forComponent:component]; 193 | label.accessibilityIdentifier = rowData[@"testID"]; 194 | 195 | label.numberOfLines = _numberOfLines; 196 | 197 | label.leftInset = 20.0; 198 | label.rightInset = 20.0; 199 | 200 | return view; 201 | } 202 | 203 | - (void)pickerView:(__unused UIPickerView *)pickerView 204 | didSelectRow:(NSInteger)row 205 | inComponent:(NSInteger)component 206 | { 207 | NSInteger dataCount = [[self dataForComponent:component] count]; 208 | NSInteger newRow = row % dataCount; 209 | 210 | NSMutableArray *newSelectedIndexes = [_selectedIndexes mutableCopy]; 211 | newSelectedIndexes[component] = [NSNumber numberWithInteger:newRow]; 212 | _selectedIndexes = newSelectedIndexes; 213 | 214 | if (_onChange && dataCount > (NSUInteger)newRow) { 215 | _onChange(@{ 216 | @"column": @(component), 217 | @"index": @(newRow), 218 | @"value": RCTNullIfNil([self dataForRow:row inComponent:component][@"value"]), 219 | }); 220 | } 221 | 222 | if (_loop) { 223 | [self selectRow:(_loopThreshold / 2) * dataCount + newRow inComponent:component animated:FALSE]; 224 | } 225 | } 226 | 227 | @end 228 | -------------------------------------------------------------------------------- /ios/Picky.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 98061BAF28484A8600E17D2F /* Picky.m in Sources */ = {isa = PBXBuildFile; fileRef = B3E7B5891CC2AC0600A0062D /* Picky.m */; }; 11 | 98061BB028484A8900E17D2F /* PickyManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 98061BAB2848498100E17D2F /* PickyManager.m */; }; 12 | 98061BB2284873D300E17D2F /* PickyLabel.m in Sources */ = {isa = PBXBuildFile; fileRef = 98061BB1284873D300E17D2F /* PickyLabel.m */; }; 13 | /* End PBXBuildFile section */ 14 | 15 | /* Begin PBXCopyFilesBuildPhase section */ 16 | 58B511D91A9E6C8500147676 /* CopyFiles */ = { 17 | isa = PBXCopyFilesBuildPhase; 18 | buildActionMask = 2147483647; 19 | dstPath = "include/$(PRODUCT_NAME)"; 20 | dstSubfolderSpec = 16; 21 | files = ( 22 | ); 23 | runOnlyForDeploymentPostprocessing = 0; 24 | }; 25 | /* End PBXCopyFilesBuildPhase section */ 26 | 27 | /* Begin PBXFileReference section */ 28 | 134814201AA4EA6300B7C361 /* libPicky.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libPicky.a; sourceTree = BUILT_PRODUCTS_DIR; }; 29 | 98061BAB2848498100E17D2F /* PickyManager.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = PickyManager.m; sourceTree = ""; }; 30 | 98061BAC284849DC00E17D2F /* PickyManager.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = PickyManager.h; sourceTree = ""; }; 31 | 98061BB1284873D300E17D2F /* PickyLabel.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = PickyLabel.m; sourceTree = ""; }; 32 | 98061BB3284873E100E17D2F /* PickyLabel.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = PickyLabel.h; sourceTree = ""; }; 33 | B3E7B5881CC2AC0600A0062D /* Picky.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = Picky.h; sourceTree = ""; }; 34 | B3E7B5891CC2AC0600A0062D /* Picky.m */ = {isa = PBXFileReference; fileEncoding = 4; indentWidth = 2; lastKnownFileType = sourcecode.c.objc; path = Picky.m; sourceTree = ""; tabWidth = 2; }; 35 | /* End PBXFileReference section */ 36 | 37 | /* Begin PBXFrameworksBuildPhase section */ 38 | 58B511D81A9E6C8500147676 /* Frameworks */ = { 39 | isa = PBXFrameworksBuildPhase; 40 | buildActionMask = 2147483647; 41 | files = ( 42 | ); 43 | runOnlyForDeploymentPostprocessing = 0; 44 | }; 45 | /* End PBXFrameworksBuildPhase section */ 46 | 47 | /* Begin PBXGroup section */ 48 | 134814211AA4EA7D00B7C361 /* Products */ = { 49 | isa = PBXGroup; 50 | children = ( 51 | 134814201AA4EA6300B7C361 /* libPicky.a */, 52 | ); 53 | name = Products; 54 | sourceTree = ""; 55 | }; 56 | 58B511D21A9E6C8500147676 = { 57 | isa = PBXGroup; 58 | children = ( 59 | B3E7B5881CC2AC0600A0062D /* Picky.h */, 60 | B3E7B5891CC2AC0600A0062D /* Picky.m */, 61 | 98061BB3284873E100E17D2F /* PickyLabel.h */, 62 | 98061BB1284873D300E17D2F /* PickyLabel.m */, 63 | 98061BAC284849DC00E17D2F /* PickyManager.h */, 64 | 98061BAB2848498100E17D2F /* PickyManager.m */, 65 | 134814211AA4EA7D00B7C361 /* Products */, 66 | ); 67 | sourceTree = ""; 68 | }; 69 | /* End PBXGroup section */ 70 | 71 | /* Begin PBXNativeTarget section */ 72 | 58B511DA1A9E6C8500147676 /* Picky */ = { 73 | isa = PBXNativeTarget; 74 | buildConfigurationList = 58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "Picky" */; 75 | buildPhases = ( 76 | 58B511D71A9E6C8500147676 /* Sources */, 77 | 58B511D81A9E6C8500147676 /* Frameworks */, 78 | 58B511D91A9E6C8500147676 /* CopyFiles */, 79 | ); 80 | buildRules = ( 81 | ); 82 | dependencies = ( 83 | ); 84 | name = Picky; 85 | productName = RCTDataManager; 86 | productReference = 134814201AA4EA6300B7C361 /* libPicky.a */; 87 | productType = "com.apple.product-type.library.static"; 88 | }; 89 | /* End PBXNativeTarget section */ 90 | 91 | /* Begin PBXProject section */ 92 | 58B511D31A9E6C8500147676 /* Project object */ = { 93 | isa = PBXProject; 94 | attributes = { 95 | LastUpgradeCheck = 0920; 96 | ORGANIZATIONNAME = Facebook; 97 | TargetAttributes = { 98 | 58B511DA1A9E6C8500147676 = { 99 | CreatedOnToolsVersion = 6.1.1; 100 | }; 101 | }; 102 | }; 103 | buildConfigurationList = 58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "Picky" */; 104 | compatibilityVersion = "Xcode 3.2"; 105 | developmentRegion = English; 106 | hasScannedForEncodings = 0; 107 | knownRegions = ( 108 | English, 109 | en, 110 | ); 111 | mainGroup = 58B511D21A9E6C8500147676; 112 | productRefGroup = 58B511D21A9E6C8500147676; 113 | projectDirPath = ""; 114 | projectRoot = ""; 115 | targets = ( 116 | 58B511DA1A9E6C8500147676 /* Picky */, 117 | ); 118 | }; 119 | /* End PBXProject section */ 120 | 121 | /* Begin PBXSourcesBuildPhase section */ 122 | 58B511D71A9E6C8500147676 /* Sources */ = { 123 | isa = PBXSourcesBuildPhase; 124 | buildActionMask = 2147483647; 125 | files = ( 126 | 98061BAF28484A8600E17D2F /* Picky.m in Sources */, 127 | 98061BB2284873D300E17D2F /* PickyLabel.m in Sources */, 128 | 98061BB028484A8900E17D2F /* PickyManager.m in Sources */, 129 | ); 130 | runOnlyForDeploymentPostprocessing = 0; 131 | }; 132 | /* End PBXSourcesBuildPhase section */ 133 | 134 | /* Begin XCBuildConfiguration section */ 135 | 58B511ED1A9E6C8500147676 /* Debug */ = { 136 | isa = XCBuildConfiguration; 137 | buildSettings = { 138 | ALWAYS_SEARCH_USER_PATHS = NO; 139 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 140 | CLANG_CXX_LIBRARY = "libc++"; 141 | CLANG_ENABLE_MODULES = YES; 142 | CLANG_ENABLE_OBJC_ARC = YES; 143 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 144 | CLANG_WARN_BOOL_CONVERSION = YES; 145 | CLANG_WARN_COMMA = YES; 146 | CLANG_WARN_CONSTANT_CONVERSION = YES; 147 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 148 | CLANG_WARN_EMPTY_BODY = YES; 149 | CLANG_WARN_ENUM_CONVERSION = YES; 150 | CLANG_WARN_INFINITE_RECURSION = YES; 151 | CLANG_WARN_INT_CONVERSION = YES; 152 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 153 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 154 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 155 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 156 | CLANG_WARN_STRICT_PROTOTYPES = YES; 157 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 158 | CLANG_WARN_UNREACHABLE_CODE = YES; 159 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 160 | COPY_PHASE_STRIP = NO; 161 | ENABLE_STRICT_OBJC_MSGSEND = YES; 162 | ENABLE_TESTABILITY = YES; 163 | GCC_C_LANGUAGE_STANDARD = gnu99; 164 | GCC_DYNAMIC_NO_PIC = NO; 165 | GCC_NO_COMMON_BLOCKS = YES; 166 | GCC_OPTIMIZATION_LEVEL = 0; 167 | GCC_PREPROCESSOR_DEFINITIONS = ( 168 | "DEBUG=1", 169 | "$(inherited)", 170 | ); 171 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 172 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 173 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 174 | GCC_WARN_UNDECLARED_SELECTOR = YES; 175 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 176 | GCC_WARN_UNUSED_FUNCTION = YES; 177 | GCC_WARN_UNUSED_VARIABLE = YES; 178 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 179 | MTL_ENABLE_DEBUG_INFO = YES; 180 | ONLY_ACTIVE_ARCH = YES; 181 | SDKROOT = iphoneos; 182 | }; 183 | name = Debug; 184 | }; 185 | 58B511EE1A9E6C8500147676 /* Release */ = { 186 | isa = XCBuildConfiguration; 187 | buildSettings = { 188 | ALWAYS_SEARCH_USER_PATHS = NO; 189 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 190 | CLANG_CXX_LIBRARY = "libc++"; 191 | CLANG_ENABLE_MODULES = YES; 192 | CLANG_ENABLE_OBJC_ARC = YES; 193 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 194 | CLANG_WARN_BOOL_CONVERSION = YES; 195 | CLANG_WARN_COMMA = YES; 196 | CLANG_WARN_CONSTANT_CONVERSION = YES; 197 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 198 | CLANG_WARN_EMPTY_BODY = YES; 199 | CLANG_WARN_ENUM_CONVERSION = YES; 200 | CLANG_WARN_INFINITE_RECURSION = YES; 201 | CLANG_WARN_INT_CONVERSION = YES; 202 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 203 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 204 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 205 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 206 | CLANG_WARN_STRICT_PROTOTYPES = YES; 207 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 208 | CLANG_WARN_UNREACHABLE_CODE = YES; 209 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 210 | COPY_PHASE_STRIP = YES; 211 | ENABLE_NS_ASSERTIONS = NO; 212 | ENABLE_STRICT_OBJC_MSGSEND = YES; 213 | GCC_C_LANGUAGE_STANDARD = gnu99; 214 | GCC_NO_COMMON_BLOCKS = YES; 215 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 216 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 217 | GCC_WARN_UNDECLARED_SELECTOR = YES; 218 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 219 | GCC_WARN_UNUSED_FUNCTION = YES; 220 | GCC_WARN_UNUSED_VARIABLE = YES; 221 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 222 | MTL_ENABLE_DEBUG_INFO = NO; 223 | SDKROOT = iphoneos; 224 | VALIDATE_PRODUCT = YES; 225 | }; 226 | name = Release; 227 | }; 228 | 58B511F01A9E6C8500147676 /* Debug */ = { 229 | isa = XCBuildConfiguration; 230 | buildSettings = { 231 | HEADER_SEARCH_PATHS = ( 232 | "$(inherited)", 233 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 234 | "$(SRCROOT)/../../../React/**", 235 | "$(SRCROOT)/../../react-native/React/**", 236 | ); 237 | LIBRARY_SEARCH_PATHS = "$(inherited)"; 238 | OTHER_LDFLAGS = "-ObjC"; 239 | PRODUCT_NAME = Picky; 240 | SKIP_INSTALL = YES; 241 | }; 242 | name = Debug; 243 | }; 244 | 58B511F11A9E6C8500147676 /* Release */ = { 245 | isa = XCBuildConfiguration; 246 | buildSettings = { 247 | HEADER_SEARCH_PATHS = ( 248 | "$(inherited)", 249 | /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include, 250 | "$(SRCROOT)/../../../React/**", 251 | "$(SRCROOT)/../../react-native/React/**", 252 | ); 253 | LIBRARY_SEARCH_PATHS = "$(inherited)"; 254 | OTHER_LDFLAGS = "-ObjC"; 255 | PRODUCT_NAME = Picky; 256 | SKIP_INSTALL = YES; 257 | }; 258 | name = Release; 259 | }; 260 | /* End XCBuildConfiguration section */ 261 | 262 | /* Begin XCConfigurationList section */ 263 | 58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "Picky" */ = { 264 | isa = XCConfigurationList; 265 | buildConfigurations = ( 266 | 58B511ED1A9E6C8500147676 /* Debug */, 267 | 58B511EE1A9E6C8500147676 /* Release */, 268 | ); 269 | defaultConfigurationIsVisible = 0; 270 | defaultConfigurationName = Release; 271 | }; 272 | 58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "Picky" */ = { 273 | isa = XCConfigurationList; 274 | buildConfigurations = ( 275 | 58B511F01A9E6C8500147676 /* Debug */, 276 | 58B511F11A9E6C8500147676 /* Release */, 277 | ); 278 | defaultConfigurationIsVisible = 0; 279 | defaultConfigurationName = Release; 280 | }; 281 | /* End XCConfigurationList section */ 282 | }; 283 | rootObject = 58B511D31A9E6C8500147676 /* Project object */; 284 | } 285 | -------------------------------------------------------------------------------- /ios/PickyLabel.h: -------------------------------------------------------------------------------- 1 | // 2 | // PickyLabel.h 3 | // Picky 4 | // 5 | // Created by Liam Andrew on 2/6/2022. 6 | // Copyright © 2022 Facebook. All rights reserved. 7 | // 8 | 9 | #import 10 | 11 | @interface PickyLabel : UILabel 12 | 13 | @property (nonatomic, assign) CGFloat topInset; 14 | @property (nonatomic, assign) CGFloat bottomInset; 15 | @property (nonatomic, assign) CGFloat leftInset; 16 | @property (nonatomic, assign) CGFloat rightInset; 17 | 18 | @end 19 | -------------------------------------------------------------------------------- /ios/PickyLabel.m: -------------------------------------------------------------------------------- 1 | // 2 | // PickyLabel.m 3 | // Picky 4 | // 5 | // Created by Liam Andrew on 2/6/2022. 6 | // Copyright © 2022 Facebook. All rights reserved. 7 | // 8 | 9 | #import "PickyLabel.h" 10 | 11 | @implementation PickyLabel 12 | 13 | - (instancetype)initWithFrame:(CGRect)frame 14 | { 15 | self = [super initWithFrame:frame]; 16 | if (self) { 17 | self.topInset = 0.0; 18 | self.bottomInset = 0.0; 19 | self.leftInset = 0.0; 20 | self.rightInset = 0.0; 21 | } 22 | return self; 23 | } 24 | 25 | - (void)drawTextInRect:(CGRect)rect 26 | { 27 | UIEdgeInsets insets = UIEdgeInsetsMake(self.topInset, self.leftInset, self.bottomInset, self.rightInset); 28 | [super drawTextInRect:UIEdgeInsetsInsetRect(rect, insets)]; 29 | } 30 | 31 | - (CGSize)intrinsicContentSize 32 | { 33 | CGSize intrinsicSuperViewContentSize = [super intrinsicContentSize]; 34 | intrinsicSuperViewContentSize.height += self.topInset + self.bottomInset; 35 | intrinsicSuperViewContentSize.width += self.leftInset + self.rightInset; 36 | return intrinsicSuperViewContentSize; 37 | } 38 | 39 | @end 40 | -------------------------------------------------------------------------------- /ios/PickyManager.h: -------------------------------------------------------------------------------- 1 | // 2 | // PickyManager.h 3 | // Picky 4 | // 5 | // Created by Liam Andrew on 2/6/2022. 6 | // Copyright © 2022 Facebook. All rights reserved. 7 | // 8 | 9 | #import 10 | 11 | @interface PickyManager : RCTViewManager 12 | 13 | @end 14 | -------------------------------------------------------------------------------- /ios/PickyManager.m: -------------------------------------------------------------------------------- 1 | // 2 | // PickyManager.m 3 | // Picky 4 | // 5 | // Created by Liam Andrew on 2/6/2022. 6 | // Copyright © 2022 Facebook. All rights reserved. 7 | // 8 | 9 | #import "PickyManager.h" 10 | #import "Picky.h" 11 | 12 | #import 13 | #import 14 | 15 | @implementation PickyManager 16 | 17 | RCT_EXPORT_MODULE() 18 | 19 | - (UIView *)view 20 | { 21 | return [Picky new]; 22 | } 23 | 24 | RCT_EXPORT_VIEW_PROPERTY(data, NSArray) 25 | 26 | RCT_EXPORT_VIEW_PROPERTY(columnWidths, NSNumberArray) 27 | 28 | RCT_EXPORT_VIEW_PROPERTY(selectedIndexes, NSNumberArray) 29 | 30 | RCT_EXPORT_VIEW_PROPERTY(loop, BOOL) 31 | 32 | RCT_EXPORT_VIEW_PROPERTY(onChange, RCTBubblingEventBlock) 33 | 34 | RCT_EXPORT_VIEW_PROPERTY(color, UIColor) 35 | 36 | RCT_EXPORT_VIEW_PROPERTY(textAlign, NSTextAlignment) 37 | 38 | RCT_EXPORT_VIEW_PROPERTY(numberOfLines, NSInteger) 39 | 40 | RCT_CUSTOM_VIEW_PROPERTY(fontSize, NSNumber, Picky) 41 | { 42 | view.font = [RCTFont updateFont:view.font withSize:json ?: @(defaultView.font.pointSize)]; 43 | } 44 | 45 | RCT_CUSTOM_VIEW_PROPERTY(fontWeight, NSString, __unused Picky) 46 | { 47 | view.font = [RCTFont updateFont:view.font withWeight:json]; // defaults to normal 48 | } 49 | 50 | RCT_CUSTOM_VIEW_PROPERTY(fontStyle, NSString, __unused Picky) 51 | { 52 | view.font = [RCTFont updateFont:view.font withStyle:json]; // defaults to normal 53 | } 54 | 55 | RCT_CUSTOM_VIEW_PROPERTY(fontFamily, NSString, Picky) 56 | { 57 | view.font = [RCTFont updateFont:view.font withFamily:json ?: defaultView.font.familyName]; 58 | } 59 | 60 | RCT_CUSTOM_VIEW_PROPERTY(themeVariant, NSString, Picky) 61 | { 62 | if (@available(iOS 13.4, *)) { 63 | if (json) { 64 | if ([json isEqual:@"dark"]) 65 | view.overrideUserInterfaceStyle = UIUserInterfaceStyleDark; 66 | else if ([json isEqual:@"light"]) 67 | view.overrideUserInterfaceStyle = UIUserInterfaceStyleLight; 68 | else 69 | view.overrideUserInterfaceStyle = UIUserInterfaceStyleUnspecified; 70 | } 71 | } 72 | } 73 | 74 | @end 75 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-picky", 3 | "version": "0.4.0", 4 | "description": "An awesome native wheel picker component for react-native", 5 | "main": "lib/commonjs/index", 6 | "module": "lib/module/index", 7 | "types": "lib/typescript/index.d.ts", 8 | "react-native": "src/index", 9 | "source": "src/index", 10 | "files": [ 11 | "src", 12 | "lib", 13 | "android", 14 | "ios", 15 | "cpp", 16 | "react-native-picky.podspec", 17 | "!lib/typescript/example", 18 | "!android/build", 19 | "!ios/build", 20 | "!**/__tests__", 21 | "!**/__fixtures__", 22 | "!**/__mocks__" 23 | ], 24 | "scripts": { 25 | "test": "jest", 26 | "typescript": "tsc --noEmit", 27 | "lint": "eslint \"**/*.{js,ts,tsx}\"", 28 | "prepare": "bob build", 29 | "release": "release-it", 30 | "example": "yarn --cwd example", 31 | "pods": "cd example && pod-install --quiet", 32 | "bootstrap": "yarn example && yarn && yarn pods" 33 | }, 34 | "keywords": [ 35 | "react-native", 36 | "ios", 37 | "android", 38 | "picker", 39 | "wheel" 40 | ], 41 | "repository": "https://github.com/Liamandrew/react-native-picky", 42 | "author": "Liam Andrew (https://github.com/Liamandrew)", 43 | "license": "MIT", 44 | "bugs": { 45 | "url": "https://github.com/Liamandrew/react-native-picky/issues" 46 | }, 47 | "homepage": "https://github.com/Liamandrew/react-native-picky#readme", 48 | "publishConfig": { 49 | "registry": "https://registry.npmjs.org/" 50 | }, 51 | "devDependencies": { 52 | "@commitlint/config-conventional": "^11.0.0", 53 | "@react-native-community/eslint-config": "^2.0.0", 54 | "@release-it/conventional-changelog": "^2.0.0", 55 | "@testing-library/react-native": "^9.1.0", 56 | "@types/jest": "^26.0.0", 57 | "@types/react": "^17.0.39", 58 | "@types/react-native": "0.67.7", 59 | "@types/react-test-renderer": "^17.0.1", 60 | "babel-jest": "^28.1.1", 61 | "commitlint": "^11.0.0", 62 | "eslint": "^7.2.0", 63 | "eslint-config-prettier": "^7.0.0", 64 | "eslint-plugin-prettier": "^3.1.3", 65 | "husky": "^6.0.0", 66 | "jest": "^26.0.1", 67 | "pod-install": "^0.1.0", 68 | "prettier": "^2.0.5", 69 | "react": "17.0.2", 70 | "react-native": "0.68.2", 71 | "react-native-builder-bob": "^0.18.2", 72 | "react-test-renderer": "^17.0.2", 73 | "release-it": "^14.2.2", 74 | "typescript": "^4.4.4" 75 | }, 76 | "peerDependencies": { 77 | "react": "*", 78 | "react-native": "*" 79 | }, 80 | "jest": { 81 | "preset": "react-native", 82 | "modulePathIgnorePatterns": [ 83 | "/example/node_modules", 84 | "/lib/" 85 | ] 86 | }, 87 | "commitlint": { 88 | "extends": [ 89 | "@commitlint/config-conventional" 90 | ] 91 | }, 92 | "release-it": { 93 | "git": { 94 | "commitMessage": "chore: release ${version}", 95 | "tagName": "v${version}" 96 | }, 97 | "npm": { 98 | "publish": true 99 | }, 100 | "github": { 101 | "release": true 102 | }, 103 | "plugins": { 104 | "@release-it/conventional-changelog": { 105 | "preset": "angular" 106 | } 107 | } 108 | }, 109 | "eslintConfig": { 110 | "root": true, 111 | "extends": [ 112 | "@react-native-community", 113 | "prettier" 114 | ], 115 | "rules": { 116 | "prettier/prettier": [ 117 | "error", 118 | { 119 | "quoteProps": "consistent", 120 | "singleQuote": true, 121 | "tabWidth": 2, 122 | "trailingComma": "es5", 123 | "useTabs": false 124 | } 125 | ] 126 | } 127 | }, 128 | "eslintIgnore": [ 129 | "node_modules/", 130 | "lib/" 131 | ], 132 | "prettier": { 133 | "quoteProps": "consistent", 134 | "singleQuote": true, 135 | "tabWidth": 2, 136 | "trailingComma": "es5", 137 | "useTabs": false 138 | }, 139 | "react-native-builder-bob": { 140 | "source": "src", 141 | "output": "lib", 142 | "targets": [ 143 | "commonjs", 144 | "module", 145 | [ 146 | "typescript", 147 | { 148 | "project": "tsconfig.build.json" 149 | } 150 | ] 151 | ] 152 | } 153 | } 154 | -------------------------------------------------------------------------------- /react-native-picky.podspec: -------------------------------------------------------------------------------- 1 | require "json" 2 | 3 | package = JSON.parse(File.read(File.join(__dir__, "package.json"))) 4 | 5 | Pod::Spec.new do |s| 6 | s.name = "react-native-picky" 7 | s.version = package["version"] 8 | s.summary = package["description"] 9 | s.homepage = package["homepage"] 10 | s.license = package["license"] 11 | s.authors = package["author"] 12 | 13 | s.platforms = { :ios => "10.0" } 14 | s.source = { :git => "https://github.com/Liamandrew/react-native-picky.git", :tag => "#{s.version}" } 15 | 16 | s.source_files = "ios/**/*.{h,m,mm}" 17 | 18 | s.dependency "React-Core" 19 | end 20 | -------------------------------------------------------------------------------- /scripts/bootstrap.js: -------------------------------------------------------------------------------- 1 | const os = require('os'); 2 | const path = require('path'); 3 | const child_process = require('child_process'); 4 | 5 | const root = path.resolve(__dirname, '..'); 6 | const args = process.argv.slice(2); 7 | const options = { 8 | cwd: process.cwd(), 9 | env: process.env, 10 | stdio: 'inherit', 11 | encoding: 'utf-8', 12 | }; 13 | 14 | if (os.type() === 'Windows_NT') { 15 | options.shell = true 16 | } 17 | 18 | let result; 19 | 20 | if (process.cwd() !== root || args.length) { 21 | // We're not in the root of the project, or additional arguments were passed 22 | // In this case, forward the command to `yarn` 23 | result = child_process.spawnSync('yarn', args, options); 24 | } else { 25 | // If `yarn` is run without arguments, perform bootstrap 26 | result = child_process.spawnSync('yarn', ['bootstrap'], options); 27 | } 28 | 29 | process.exitCode = result.status; 30 | -------------------------------------------------------------------------------- /src/NativePicker.tsx: -------------------------------------------------------------------------------- 1 | import { requireNativeComponent, StyleProp, ViewStyle } from 'react-native'; 2 | import type { 3 | NativeColorType, 4 | NativeOnChange, 5 | NativePickerDataItem, 6 | } from './types'; 7 | 8 | const ComponentName = 'Picky'; 9 | 10 | type NativeIOSData = NativePickerDataItem[]; 11 | type NativeAndroidData = NativePickerDataItem; 12 | 13 | type NativeCommonProps = { 14 | loop?: boolean; 15 | data: NativeIOSData | NativeAndroidData; 16 | onChange?: NativeOnChange; 17 | }; 18 | 19 | type NativeIOSProps = { 20 | numberOfLines?: number; 21 | columnWidths: number[]; 22 | style?: StyleProp; 23 | selectedIndexes?: number[]; 24 | testID?: string; 25 | }; 26 | 27 | type NativeAndroidProps = { 28 | column?: number; 29 | curtainColor?: NativeColorType; 30 | hasCurtain?: boolean; 31 | hasIndicator?: boolean; 32 | indicatorSize?: number; 33 | indicatorColor?: NativeColorType; 34 | itemSpace?: number; 35 | textColor?: NativeColorType; 36 | textSize?: number; 37 | selectedIndex?: number; 38 | }; 39 | 40 | export type NativePickerProps = NativeCommonProps & 41 | (NativeIOSProps | NativeAndroidProps); 42 | 43 | export const NativePicker = 44 | requireNativeComponent(ComponentName); 45 | -------------------------------------------------------------------------------- /src/Picker.tsx: -------------------------------------------------------------------------------- 1 | import React, { 2 | Children, 3 | ReactElement, 4 | useCallback, 5 | useMemo, 6 | useState, 7 | } from 'react'; 8 | import { 9 | StyleSheet, 10 | Platform, 11 | processColor, 12 | View, 13 | StyleProp, 14 | ViewStyle, 15 | useWindowDimensions, 16 | LayoutChangeEvent, 17 | } from 'react-native'; 18 | import { NativePicker } from './NativePicker'; 19 | import type { PickerColumnProps } from './PickerColumn'; 20 | import type { 21 | NativeItem, 22 | NativeOnChange, 23 | NativePickerDataItem, 24 | PickerColumnChangeItem, 25 | } from './types'; 26 | 27 | type PickerChild = ReactElement; 28 | 29 | export interface PickerProps { 30 | loop?: boolean; 31 | children: PickerChild | PickerChild[]; 32 | hasCurtain?: boolean; 33 | curtainColor?: string; 34 | hasIndicator?: boolean; 35 | indicatorColor?: string; 36 | indicatorSize?: number; 37 | itemSpace?: number; 38 | textColor?: string; 39 | textSize?: number; 40 | numberOfLines?: number; 41 | style?: StyleProp; 42 | onChange?: (item: PickerColumnChangeItem) => void; 43 | testID?: string; 44 | } 45 | 46 | export const Picker = ({ 47 | curtainColor = 'hsla(0, 0%, 0%, 0.1)', 48 | hasCurtain = true, 49 | hasIndicator = true, 50 | indicatorColor = 'hsla(0, 0%, 0%, 0.1)', 51 | indicatorSize = 1, 52 | itemSpace = 12, 53 | textColor = '#000000', 54 | textSize = 20, 55 | loop, 56 | numberOfLines = 1, 57 | onChange, 58 | style, 59 | children, 60 | testID, 61 | }: PickerProps) => { 62 | const { width: windowWidth } = useWindowDimensions(); 63 | const [viewWidth, setViewWidth] = useState(windowWidth); 64 | const { data, columnWidths, selectedIndexes } = useNativePickerColumns({ 65 | children, 66 | textColor, 67 | viewWidth, 68 | }); 69 | 70 | const handleOnChange: NativeOnChange = useCallback( 71 | ({ nativeEvent }) => { 72 | if (onChange) { 73 | onChange(nativeEvent); 74 | } 75 | 76 | Children.forEach(children, (columnChild, index) => { 77 | if (index === nativeEvent.column && columnChild.props.onChange) { 78 | columnChild.props.onChange(nativeEvent); 79 | } 80 | }); 81 | }, 82 | [onChange, children] 83 | ); 84 | 85 | const handleOnLayout = useCallback( 86 | ({ 87 | nativeEvent: { 88 | layout: { width }, 89 | }, 90 | }: LayoutChangeEvent) => setViewWidth(width), 91 | [] 92 | ); 93 | 94 | if (Platform.OS === 'ios') { 95 | return ( 96 | 97 | 107 | 108 | ); 109 | } 110 | 111 | if (Platform.OS === 'android') { 112 | return ( 113 | 114 | {data.map((componentData, index) => ( 115 | 124 | 141 | 142 | ))} 143 | 144 | ); 145 | } 146 | 147 | return null; 148 | }; 149 | 150 | const useNativePickerColumns = ({ 151 | viewWidth, 152 | children, 153 | textColor, 154 | }: Required> & { 155 | viewWidth: number; 156 | }) => 157 | useMemo(() => { 158 | let columnWidths: number[] = []; 159 | const selectedIndexes: number[] = []; 160 | const data: NativePickerDataItem[] = []; 161 | 162 | let availableSpace = viewWidth; 163 | 164 | Children.forEach(children, (columnChild, columnChildIndex) => { 165 | const columnItems: NativeItem[] = []; 166 | 167 | Children.forEach( 168 | columnChild.props.children, 169 | (itemChild, itemChildIndex) => { 170 | if ( 171 | columnChild.props.selectedValue && 172 | itemChild.props.value === columnChild.props.selectedValue && 173 | selectedIndexes.length <= columnChildIndex 174 | ) { 175 | selectedIndexes.push(itemChildIndex); 176 | } 177 | 178 | columnItems.push({ 179 | label: itemChild.props.label, 180 | value: itemChild.props.value, 181 | textColor: processColor(itemChild.props.color ?? textColor), 182 | testID: itemChild.props.testID, 183 | }); 184 | } 185 | ); 186 | 187 | if (selectedIndexes.length <= columnChildIndex) { 188 | selectedIndexes.push(0); 189 | } 190 | 191 | if (typeof columnChild.props.width === 'number') { 192 | const w = Math.max(columnChild.props.width - LABEL_INSET_SPACE, 0); 193 | 194 | availableSpace -= columnChild.props.width; 195 | 196 | columnWidths.push(w); 197 | } else { 198 | columnWidths.push(-1); 199 | } 200 | 201 | data.push(columnItems); 202 | }); 203 | 204 | // Automatically set width for remaining columns to the available space 205 | const columnsWithoutWidth = columnWidths.filter((w) => w < 0); 206 | if (columnsWithoutWidth.length) { 207 | columnWidths = columnWidths.map((w) => 208 | w < 0 209 | ? Math.max( 210 | availableSpace / columnsWithoutWidth.length - LABEL_INSET_SPACE, 211 | 0 212 | ) 213 | : w 214 | ); 215 | } 216 | 217 | return { data, columnWidths, selectedIndexes }; 218 | }, [children, textColor, viewWidth]); 219 | 220 | const LABEL_INSET_SPACE = 20; 221 | 222 | const styles = StyleSheet.create({ 223 | androidContainer: { 224 | flexDirection: 'row', 225 | width: '100%', 226 | }, 227 | picker: { 228 | height: 216, 229 | }, 230 | }); 231 | -------------------------------------------------------------------------------- /src/PickerColumn.tsx: -------------------------------------------------------------------------------- 1 | import React, { ReactElement } from 'react'; 2 | import type { PickerItemProps } from './PickerItem'; 3 | import type { PickerColumnChangeItem } from './types'; 4 | 5 | type PickerColumnChild = ReactElement; 6 | 7 | export interface PickerColumnProps { 8 | width?: number; 9 | selectedValue?: string | number; 10 | onChange?: (item: PickerColumnChangeItem) => void; 11 | children: PickerColumnChild | PickerColumnChild[]; 12 | } 13 | 14 | export const PickerColumn = ({ children }: PickerColumnProps) => { 15 | return <>{children}; 16 | }; 17 | -------------------------------------------------------------------------------- /src/PickerItem.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ColorValue, Text } from 'react-native'; 3 | 4 | export interface PickerItemProps { 5 | color?: ColorValue; 6 | label: string; 7 | value: string | number; 8 | testID?: string; 9 | } 10 | 11 | export const PickerItem = ({ color, label, ...props }: PickerItemProps) => { 12 | return ( 13 | 14 | {label} 15 | 16 | ); 17 | }; 18 | -------------------------------------------------------------------------------- /src/__tests__/Picker.test.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { render } from '@testing-library/react-native'; 3 | import { Picker } from '../Picker'; 4 | import { PickerColumn } from '../PickerColumn'; 5 | import { PickerItem } from '../PickerItem'; 6 | 7 | describe('', () => { 8 | describe('selectedIndexes', () => { 9 | it('should render correct default selectedIndexes for single column', () => { 10 | const { getByTestId } = render( 11 | 12 | 13 | 14 | 15 | 16 | 17 | ); 18 | 19 | const picker = getByTestId('basic-picker'); 20 | 21 | expect(picker.props.selectedIndexes).toEqual([0]); 22 | }); 23 | 24 | it('should render correct selectedIndexes for single column', () => { 25 | const { getByTestId } = render( 26 | 27 | 28 | 29 | 30 | 31 | 32 | ); 33 | 34 | const picker = getByTestId('basic-picker'); 35 | 36 | expect(picker.props.selectedIndexes).toEqual([1]); 37 | }); 38 | 39 | it('should render correct selectedIndexes for multiple column', () => { 40 | const { getByTestId } = render( 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | ); 53 | 54 | const picker = getByTestId('basic-picker'); 55 | 56 | expect(picker.props.selectedIndexes).toEqual([1, 2]); 57 | }); 58 | }); 59 | }); 60 | -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- 1 | export { Picker } from './Picker'; 2 | export { PickerColumn } from './PickerColumn'; 3 | export { PickerItem } from './PickerItem'; 4 | 5 | export type { PickerProps } from './Picker'; 6 | export type { PickerColumnProps } from './PickerColumn'; 7 | export type { PickerItemProps } from './PickerItem'; 8 | export type { PickerColumnChangeItem } from './types'; 9 | -------------------------------------------------------------------------------- /src/types.ts: -------------------------------------------------------------------------------- 1 | import type { NativeSyntheticEvent, processColor } from 'react-native'; 2 | 3 | export type NativeColorType = ReturnType; 4 | 5 | export type NativeItem = { 6 | label: string; 7 | value: string | number; 8 | testID?: string; 9 | textColor: NativeColorType; 10 | }; 11 | 12 | export type NativePickerDataItem = NativeItem[]; 13 | 14 | export type PickerColumnChangeItem = { 15 | value: string | number; 16 | index: number; 17 | column: number; 18 | }; 19 | 20 | export type NativePickerChangeEvent = { 21 | column: number; 22 | index: number; 23 | value: string | number; 24 | }; 25 | 26 | export type NativeOnChange = ( 27 | event: NativeSyntheticEvent 28 | ) => void; 29 | -------------------------------------------------------------------------------- /tsconfig.build.json: -------------------------------------------------------------------------------- 1 | 2 | { 3 | "extends": "./tsconfig", 4 | "exclude": ["example"] 5 | } 6 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "./", 4 | "paths": { 5 | "react-native-picky": ["./src/index"] 6 | }, 7 | "allowUnreachableCode": false, 8 | "allowUnusedLabels": false, 9 | "esModuleInterop": true, 10 | "importsNotUsedAsValues": "error", 11 | "forceConsistentCasingInFileNames": true, 12 | "jsx": "react", 13 | "lib": ["esnext"], 14 | "module": "esnext", 15 | "moduleResolution": "node", 16 | "noFallthroughCasesInSwitch": true, 17 | "noImplicitReturns": true, 18 | "noImplicitUseStrict": false, 19 | "noStrictGenericChecks": false, 20 | "noUnusedLocals": true, 21 | "noUnusedParameters": true, 22 | "resolveJsonModule": true, 23 | "skipLibCheck": true, 24 | "strict": true, 25 | "target": "esnext" 26 | } 27 | } 28 | --------------------------------------------------------------------------------