├── .babelrc ├── .buckconfig ├── .eslintignore ├── .eslintrc ├── .flowconfig ├── .gitattributes ├── .gitignore ├── .npmignore ├── .travis.yml ├── .watchmanconfig ├── GIF ├── android.gif └── ios.gif ├── Grading ├── GradingConstants.js ├── GradingModal.js ├── GradingModalStyle.js ├── GradingStyle.js └── index.js ├── LICENSE ├── README.md ├── __tests__ ├── __snapshots__ │ └── test.js.snap └── test.js ├── android ├── app │ ├── BUCK │ ├── build.gradle │ ├── proguard-rules.pro │ └── src │ │ └── main │ │ ├── AndroidManifest.xml │ │ ├── java │ │ └── com │ │ │ └── ranking │ │ │ ├── MainActivity.java │ │ │ └── MainApplication.java │ │ └── res │ │ ├── mipmap-hdpi │ │ └── ic_launcher.png │ │ ├── mipmap-mdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xhdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xxhdpi │ │ └── ic_launcher.png │ │ └── values │ │ ├── strings.xml │ │ └── styles.xml ├── build.gradle ├── gradle.properties ├── gradle │ └── wrapper │ │ ├── gradle-wrapper.jar │ │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── keystores │ ├── BUCK │ └── debug.keystore.properties └── settings.gradle ├── index.android.js ├── index.ios.js ├── ios ├── ranking.xcodeproj │ ├── project.pbxproj │ └── xcshareddata │ │ └── xcschemes │ │ └── ranking.xcscheme ├── ranking │ ├── AppDelegate.h │ ├── AppDelegate.m │ ├── Base.lproj │ │ └── LaunchScreen.xib │ ├── Images.xcassets │ │ └── AppIcon.appiconset │ │ │ └── Contents.json │ ├── Info.plist │ └── main.m └── rankingTests │ ├── Info.plist │ └── rankingTests.m ├── package.json └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } -------------------------------------------------------------------------------- /.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | android/ 2 | ios/ 3 | coverage/ 4 | node_modules/ 5 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "parser": "babel-eslint", 3 | 4 | "ecmaFeatures": { 5 | "jsx": true 6 | }, 7 | 8 | "env": { 9 | "es6": true, 10 | "jasmine": true 11 | }, 12 | 13 | "plugins": [ 14 | "react" 15 | ], 16 | 17 | // Map from global var to bool specifying if it can be redefined 18 | "globals": { 19 | "__BUNDLE_START_TIME__": false, 20 | "__DEV__": true, 21 | "__dirname": false, 22 | "__filename": false, 23 | "__fbBatchedBridgeConfig": false, 24 | "alert": false, 25 | "cancelAnimationFrame": false, 26 | "clearImmediate": true, 27 | "clearInterval": false, 28 | "clearTimeout": false, 29 | "console": false, 30 | "document": false, 31 | "escape": false, 32 | "exports": false, 33 | "global": false, 34 | "jest": false, 35 | "pit": false, 36 | "Map": true, 37 | "module": false, 38 | "navigator": false, 39 | "process": false, 40 | "Promise": false, 41 | "requestAnimationFrame": true, 42 | "require": false, 43 | "Set": true, 44 | "setImmediate": true, 45 | "setInterval": false, 46 | "setTimeout": false, 47 | "window": false, 48 | "FormData": true, 49 | "XMLHttpRequest": false, 50 | 51 | // Flow "known-globals" annotations: 52 | "ReactElement": false, 53 | "ReactClass": false, 54 | "Class": false, 55 | "fetch": true 56 | }, 57 | 58 | "rules": { 59 | "comma-dangle": 2, // disallow trailing commas in object literals 60 | "no-cond-assign": 1, // disallow assignment in conditional expressions 61 | "no-console": 0, // disallow use of console (off by default in the node environment) 62 | "no-constant-condition": 0, // disallow use of constant expressions in conditions 63 | "no-control-regex": 1, // disallow control characters in regular expressions 64 | "no-debugger": 1, // disallow use of debugger 65 | "no-dupe-keys": 2, // disallow duplicate keys when creating object literals 66 | "no-empty": 0, // disallow empty statements 67 | "no-empty-character-class": 1, // disallow the use of empty character classes in regular expressions 68 | "no-ex-assign": 1, // disallow assigning to the exception in a catch block 69 | "no-extra-boolean-cast": 1, // disallow double-negation boolean casts in a boolean context 70 | "no-extra-semi": 1, // disallow unnecessary semicolons 71 | "no-func-assign": 0, // disallow overwriting functions written as function declarations 72 | "no-inner-declarations": 0, // disallow function or variable declarations in nested blocks 73 | "no-invalid-regexp": 1, // disallow invalid regular expression strings in the RegExp constructor 74 | "no-negated-in-lhs": 1, // disallow negation of the left operand of an in expression 75 | "no-obj-calls": 1, // disallow the use of object properties of the global object (Math and JSON) as functions 76 | "no-regex-spaces": 1, // disallow multiple spaces in a regular expression literal 77 | "no-reserved-keys": 0, // disallow reserved words being used as object literal keys (off by default) 78 | "no-sparse-arrays": 1, // disallow sparse arrays 79 | "no-unreachable": 2, // disallow unreachable statements after a return, throw, continue, or break statement 80 | "use-isnan": 1, // disallow comparisons with the value NaN 81 | "valid-jsdoc": 1, // Ensure JSDoc comments are valid (off by default) 82 | "valid-typeof": 1, // Ensure that the results of typeof are compared against a valid string 83 | 84 | // Best Practices 85 | // These are rules designed to prevent you from making mistakes. They either prescribe a better way of doing something or help you avoid footguns. 86 | 87 | "block-scoped-var": 0, // treat var statements as if they were block scoped (off by default) 88 | "complexity": 0, // specify the maximum cyclomatic complexity allowed in a program (off by default) 89 | "consistent-return": 0, // require return statements to either always or never specify values 90 | "curly": 0, // specify curly brace conventions for all control statements 91 | "default-case": 1, // require default case in switch statements (off by default) 92 | "dot-notation": 0, // encourages use of dot notation whenever possible 93 | "eqeqeq": 1, // require the use of === and !== 94 | "guard-for-in": 0, // make sure for-in loops have an if statement (off by default) 95 | "no-alert": 0, // disallow the use of alert, confirm, and prompt 96 | "no-caller": 1, // disallow use of arguments.caller or arguments.callee 97 | "no-div-regex": 1, // disallow division operators explicitly at beginning of regular expression (off by default) 98 | "no-else-return": 0, // disallow else after a return in an if (off by default) 99 | "no-eq-null": 0, // disallow comparisons to null without a type-checking operator (off by default) 100 | "no-eval": 1, // disallow use of eval() 101 | "no-extend-native": 1, // disallow adding to native types 102 | "no-extra-bind": 1, // disallow unnecessary function binding 103 | "no-fallthrough": 1, // disallow fallthrough of case statements 104 | "no-floating-decimal": 1, // disallow the use of leading or trailing decimal points in numeric literals (off by default) 105 | "no-implied-eval": 1, // disallow use of eval()-like methods 106 | "no-labels": 1, // disallow use of labeled statements 107 | "no-iterator": 1, // disallow usage of __iterator__ property 108 | "no-lone-blocks": 1, // disallow unnecessary nested blocks 109 | "no-loop-func": 0, // disallow creation of functions within loops 110 | "no-multi-str": 0, // disallow use of multiline strings 111 | "no-native-reassign": 0, // disallow reassignments of native objects 112 | "no-new": 1, // disallow use of new operator when not part of the assignment or comparison 113 | "no-new-func": 1, // disallow use of new operator for Function object 114 | "no-new-wrappers": 1, // disallows creating new instances of String,Number, and Boolean 115 | "no-octal": 1, // disallow use of octal literals 116 | "no-octal-escape": 1, // disallow use of octal escape sequences in string literals, such as var foo = "Copyright \251"; 117 | "no-proto": 1, // disallow usage of __proto__ property 118 | "no-redeclare": 1, // disallow declaring the same variable more then once 119 | "no-return-assign": 1, // disallow use of assignment in return statement 120 | "no-script-url": 1, // disallow use of javascript: urls. 121 | "no-self-compare": 1, // disallow comparisons where both sides are exactly the same (off by default) 122 | "no-sequences": 1, // disallow use of comma operator 123 | "no-unused-expressions": 0, // disallow usage of expressions in statement position 124 | "no-void": 1, // disallow use of void operator (off by default) 125 | "no-warning-comments": 1, // disallow usage of configurable warning terms in comments": 1, // e.g. TODO or FIXME (off by default) 126 | "no-with": 1, // disallow use of the with statement 127 | "radix": 1, // require use of the second argument for parseInt() (off by default) 128 | "semi-spacing": 1, // require a space after a semi-colon 129 | "vars-on-top": 1, // requires to declare all vars on top of their containing scope (off by default) 130 | "wrap-iife": 1, // require immediate function invocation to be wrapped in parentheses (off by default) 131 | "yoda": 1, // require or disallow Yoda conditions 132 | 133 | // Strict Mode 134 | // These rules relate to using strict mode. 135 | 136 | // "strict": [2, "global"], // require or disallow the "use strict" pragma in the global scope (off by default in the node environment) 137 | 138 | // Variables 139 | // These rules have to do with variable declarations. 140 | 141 | "no-catch-shadow": 1, // disallow the catch clause parameter name being the same as a variable in the outer scope (off by default in the node environment) 142 | "no-delete-var": 1, // disallow deletion of variables 143 | "no-label-var": 1, // disallow labels that share a name with a variable 144 | "no-shadow": 1, // disallow declaration of variables already declared in the outer scope 145 | "no-shadow-restricted-names": 1, // disallow shadowing of names such as arguments 146 | "no-undef": 2, // disallow use of undeclared variables unless mentioned in a /*global */ block. 147 | "no-undefined": 0, // disallow use of undefined variable (off by default) 148 | "no-undef-init": 1, // disallow use of undefined when initializing variables 149 | "no-unused-vars": [1, {"vars": "all", "args": "none"}], // disallow declaration of variables that are not used in the code 150 | "no-use-before-define": 0, // disallow use of variables before they are defined 151 | 152 | // Node.js 153 | // These rules are specific to JavaScript running on Node.js. 154 | 155 | "handle-callback-err": 0, // enforces error handling in callbacks (off by default) (on by default in the node environment) 156 | "no-mixed-requires": 1, // disallow mixing regular variable and require declarations (off by default) (on by default in the node environment) 157 | "no-new-require": 1, // disallow use of new operator with the require function (off by default) (on by default in the node environment) 158 | "no-path-concat": 1, // disallow string concatenation with __dirname and __filename (off by default) (on by default in the node environment) 159 | "no-process-exit": 0, // disallow process.exit() (on by default in the node environment) 160 | "no-restricted-modules": 1, // restrict usage of specified node modules (off by default) 161 | "no-sync": 0, // disallow use of synchronous methods (off by default) 162 | 163 | // Stylistic Issues 164 | // These rules are purely matters of style and are quite subjective. 165 | 166 | "key-spacing": 2, 167 | "comma-spacing": 2, 168 | "no-multi-spaces": 2, 169 | "brace-style": 0, // enforce one true brace style (off by default) 170 | "camelcase": 0, // require camel case names 171 | "consistent-this": 1, // enforces consistent naming when capturing the current execution context (off by default) 172 | "eol-last": 1, // enforce newline at the end of file, with no multiple empty lines 173 | "func-names": 0, // require function expressions to have a name (off by default) 174 | "func-style": 0, // enforces use of function declarations or expressions (off by default) 175 | "new-cap": 0, // require a capital letter for constructors 176 | "new-parens": 1, // disallow the omission of parentheses when invoking a constructor with no arguments 177 | "no-nested-ternary": 0, // disallow nested ternary expressions (off by default) 178 | "no-array-constructor": 1, // disallow use of the Array constructor 179 | "no-lonely-if": 0, // disallow if as the only statement in an else block (off by default) 180 | "no-new-object": 1, // disallow use of the Object constructor 181 | "no-spaced-func": 1, // disallow space between function identifier and application 182 | "no-ternary": 0, // disallow the use of ternary operators (off by default) 183 | "no-trailing-spaces": 1, // disallow trailing whitespace at the end of lines 184 | "no-underscore-dangle": 0, // disallow dangling underscores in identifiers 185 | "no-extra-parens": 0, // disallow wrapping of non-IIFE statements in parens 186 | "no-mixed-spaces-and-tabs": 1, // disallow mixed spaces and tabs for indentation 187 | "quotes": [1, "single", "avoid-escape"], // specify whether double or single quotes should be used 188 | "quote-props": 0, // require quotes around object literal property names (off by default) 189 | "semi": 1, // require or disallow use of semicolons instead of ASI 190 | "sort-vars": 0, // sort variables within the same declaration block (off by default) 191 | "keyword-spacing": 2, // require a space after certain keywords (off by default) 192 | "object-curly-spacing": 2, 193 | "array-bracket-spacing": 2, 194 | "computed-property-spacing": 2, 195 | "space-in-parens": 2, // require or disallow spaces inside parentheses (off by default) 196 | "space-infix-ops": 1, // require spaces around operators 197 | "space-unary-ops": [1, { "words": true, "nonwords": false }], // require or disallow spaces before/after unary operators (words on by default, nonwords off by default) 198 | "max-nested-callbacks": 0, // specify the maximum depth callbacks can be nested (off by default) 199 | "one-var": 0, // allow just one var statement per function (off by default) 200 | "wrap-regex": 0, // require regex literals to be wrapped in parentheses (off by default) 201 | 202 | // Legacy 203 | // The following rules are included for compatibility with JSHint and JSLint. While the names of the rules may not match up with the JSHint/JSLint counterpart, the functionality is the same. 204 | 205 | "max-depth": 0, // specify the maximum depth that blocks can be nested (off by default) 206 | "max-len": [1, 120], // specify the maximum length of a line in your program (off by default) 207 | "max-params": 0, // limits the number of parameters that can be used in the function declaration. (off by default) 208 | "max-statements": 0, // specify the maximum number of statement allowed in a function (off by default) 209 | "no-bitwise": 0, // disallow use of bitwise operators (off by default) 210 | "no-plusplus": 0, // disallow use of unary operators, ++ and -- (off by default) 211 | 212 | "react/display-name": 0, 213 | "react/jsx-boolean-value": 0, 214 | "jsx-quotes": [1, "prefer-double"], 215 | "react/jsx-sort-props": 0, 216 | "react/jsx-uses-react": 1, 217 | "react/jsx-uses-vars": 1, 218 | "react/no-multi-comp": 0, 219 | "react/no-unknown-property": 0, 220 | "react/prop-types": 0, 221 | "react/react-in-jsx-scope": 0, 222 | "react/self-closing-comp": 1, 223 | "react/wrap-multilines": 0, 224 | "react/jsx-no-undef": 2, 225 | 226 | "indent": [2, 2, {"SwitchCase": 1}] 227 | } 228 | } 229 | -------------------------------------------------------------------------------- /.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | ; We fork some components by platform 3 | .*/*[.]android.js 4 | 5 | ; Ignore "BUCK" generated dirs 6 | /\.buckd/ 7 | 8 | ; Ignore unexpected extra "@providesModule" 9 | .*/node_modules/.*/node_modules/fbjs/.* 10 | 11 | ; Ignore duplicate module providers 12 | ; For RN Apps installed via npm, "Libraries" folder is inside 13 | ; "node_modules/react-native" but in the source repo it is in the root 14 | .*/Libraries/react-native/React.js 15 | .*/Libraries/react-native/ReactNative.js 16 | 17 | [include] 18 | 19 | [libs] 20 | node_modules/react-native/Libraries/react-native/react-native-interface.js 21 | node_modules/react-native/flow 22 | flow/ 23 | 24 | [options] 25 | module.system=haste 26 | 27 | experimental.strict_type_args=true 28 | 29 | munge_underscores=true 30 | 31 | module.name_mapper='^image![a-zA-Z0-9$_-]+$' -> 'GlobalImageStub' 32 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub' 33 | 34 | suppress_type=$FlowIssue 35 | suppress_type=$FlowFixMe 36 | suppress_type=$FixMe 37 | 38 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(3[0-5]\\|[1-2][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 39 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(3[0-5]\\|1[0-9]\\|[1-2][0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 40 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 41 | 42 | unsafe.enable_getters_and_setters=true 43 | 44 | [version] 45 | ^0.35.0 46 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | .DS_Store 3 | 4 | # node.js 5 | node_modules/ 6 | npm-debug.log 7 | 8 | # Android/IJ 9 | *.iml 10 | .idea 11 | .gradle 12 | local.properties 13 | 14 | # Xcode 15 | build/ 16 | *.pbxuser 17 | !default.pbxuser 18 | *.mode1v3 19 | !default.mode1v3 20 | *.mode2v3 21 | !default.mode2v3 22 | *.perspectivev3 23 | !default.perspectivev3 24 | xcuserdata 25 | *.xccheckout 26 | *.moved-aside 27 | DerivedData 28 | *.hmap 29 | *.ipa 30 | *.xcuserstate 31 | project.xcworkspace 32 | 33 | # BUCK 34 | buck-out/ 35 | \.buckd/ 36 | android/app/libs 37 | android/keystores/debug.keystore 38 | 39 | # VS code 40 | .vscode 41 | tsconfig.json 42 | 43 | coverage/ 44 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | GIF 2 | android/ 3 | ios/ 4 | coverage/ 5 | __tests__/ 6 | .eslintrc 7 | yarn.lock 8 | index.ios.js 9 | index.android.js 10 | .buckconfig 11 | .travis.yml 12 | .watchmanconfig 13 | .flowconfig 14 | .babelrc 15 | .gitattributes 16 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | sudo: true 3 | node_js: 4 | - "4.4" 5 | cache: 6 | directories: 7 | - node_modules 8 | before_install: 9 | - npm install 10 | script: 11 | - npm test 12 | after_script: 13 | - npm run coverage 14 | -------------------------------------------------------------------------------- /.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /GIF/android.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xgfe/react-native-grading/2f514c09f97980c6def8da5192b1141d901d1d6d/GIF/android.gif -------------------------------------------------------------------------------- /GIF/ios.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xgfe/react-native-grading/2f514c09f97980c6def8da5192b1141d901d1d6d/GIF/ios.gif -------------------------------------------------------------------------------- /Grading/GradingConstants.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by TinySymphony on 2016-12-26. 3 | * Constants 4 | */ 5 | 6 | export const COLOR = { 7 | ACTIVE_COLOR: '#fa952f', 8 | DEFAULT_COLOR: '#eee', 9 | DISABLE_COLOR: '#aaa', 10 | FONT_COLOR: '#999', 11 | UNDERLAY_COLOR: 'rgba(249, 246, 241, 0.31)' 12 | }; 13 | 14 | export const MODE = { 15 | BOARD: 'board', 16 | STARS: 'stars', 17 | SMILES: 'smiles', 18 | ARCS: 'arcs' 19 | }; 20 | 21 | /* eslint-disable max-len*/ 22 | export const SVG = { 23 | HAPPY: 'M511.99024 0.02c-282.294354 0-511.98976 229.695406-511.98976 511.98976 0 294.094118 229.695406 511.98976 511.98976 511.98976 282.394352 0 511.98976-217.895642 511.98976-511.98976C1023.98 229.715406 794.384592 0.02 511.99024 0.02zM701.886442 281.614368c36.699266 0 66.49867 29.799404 66.49867 66.49867s-29.799404 66.49867-66.49867 66.49867c-36.699266 0-66.49867-29.799404-66.49867-66.49867S665.187176 281.614368 701.886442 281.614368zM322.094038 281.614368c36.699266 0 66.49867 29.799404 66.49867 66.49867s-29.799404 66.49867-66.49867 66.49867-66.49867-29.799404-66.49867-66.49867C255.595368 311.413772 285.394772 281.614368 322.094038 281.614368zM693.086618 781.904362C648.087518 806.303874 588.688706 824.703506 524.689986 826.303474l0 0.299994-12.699746 0-12.799744 0L499.190496 826.303474c-63.898722-1.699966-123.297534-19.9996-168.296634-44.399112-58.99882-31.899362-87.598248-62.598748-87.598248-93.698126 0-22.299554 16.899662-39.699206 38.49923-39.699206 7.899842 0 15.599688 2.399952 22.299554 7.099858 5.599888 3.899922 11.199776 7.99984 17.099658 12.399752C338.693706 680.906382 356.693346 694.306114 380.49287 705.305894c31.49937 14.399712 76.99846 31.99936 131.597368 32.299354 54.49891-0.199996 99.998-17.799644 131.597368-32.299354 23.699526-10.899782 41.699166-24.299514 59.198816-37.299254 5.899882-4.399912 11.49977-8.49983 17.099658-12.399752 6.699866-4.699906 14.399712-7.099858 22.299554-7.099858 9.9998 0 19.799604 4.099918 26.99946 11.199776 7.399852 7.399852 11.49977 17.599648 11.49977 28.49943C780.684866 719.305614 751.98544 749.905002 693.086618 781.904362z', 24 | SAD: 'M701.952 281.6c36.864 0 66.56 29.696 66.56 66.56s-29.696 66.56-66.56 66.56-66.56-29.696-66.56-66.56C635.392 311.808 665.088 281.6 701.952 281.6zM512 0C229.888 0 0 229.888 0 512c0 294.4 229.888 512 512 512s512-217.6 512-512C1024 229.888 794.112 0 512 0zM322.048 281.6c36.864 0 66.56 29.696 66.56 66.56s-29.696 66.56-66.56 66.56-66.56-29.696-66.56-66.56C255.488 311.808 285.184 281.6 322.048 281.6zM769.024 779.776c-7.168 7.168-16.896 11.264-27.136 11.264-7.68 0-15.36-2.56-22.016-7.168-5.632-4.096-11.264-8.192-16.896-12.288-17.408-12.8-35.328-26.112-59.392-37.376-31.744-14.336-77.312-32.256-131.584-32.256-54.784 0-99.84 17.92-131.584 32.256-23.552 10.752-41.984 24.576-59.392 37.376-5.632 4.608-11.264 8.704-16.896 12.288-6.656 4.608-14.336 7.168-22.016 7.168-21.504 0-38.4-17.408-38.4-39.936 0-31.232 28.672-61.952 87.552-93.696 45.056-24.576 104.448-42.496 168.448-44.544l0 0 12.8 0 12.8 0 0 0.512c64 1.536 123.392 19.968 168.448 44.544 58.88 31.744 87.552 62.464 87.552 93.696C780.8 762.368 776.704 772.608 769.024 779.776z', 25 | STAR: 'M 0.000 10.000 L 11.756 16.180 L 9.511 3.090 L 19.021 -6.180 L 5.878 -8.090 L 0.000 -20.000 L -5.878 -8.090 L -19.021 -6.180 L -9.511 3.090 L -11.756 16.180 L 0.000 10.000' 26 | }; 27 | -------------------------------------------------------------------------------- /Grading/GradingModal.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by TinySymphony on 2017-01-19. 3 | * @export GradingModal Component 4 | */ 5 | 6 | import React, { 7 | Component, 8 | PropTypes 9 | } from 'react'; 10 | import { 11 | Text, 12 | View, 13 | Modal, 14 | Picker, 15 | Platform, 16 | ScrollView, 17 | TouchableHighlight 18 | } from 'react-native'; 19 | import styles, {Size, Color} from './GradingModalStyle'; 20 | import {MODE} from './GradingConstants'; 21 | 22 | export default class GradingModal extends Component { 23 | static propTypes = { 24 | scored: PropTypes.bool, 25 | scoreBase: PropTypes.number, 26 | visible: PropTypes.bool, 27 | onGrading: PropTypes.func, 28 | confirmText: PropTypes.string, 29 | cancelText: PropTypes.string, 30 | cancelTextStyle: PropTypes.object, 31 | confirmTextStyle: PropTypes.object, 32 | cancelButtonStyle: PropTypes.object, 33 | confirmButtonStyle: PropTypes.object 34 | } 35 | static defaultProps = { 36 | scored: false, 37 | scoreBase: 5, 38 | visible: false, 39 | onGrading: () => {}, 40 | cancelText: 'Cancel', 41 | confirmText: 'Confirm' 42 | } 43 | constructor (props) { 44 | super(props); 45 | this.state = { 46 | score: this.props.score 47 | }; 48 | this.isModalVisible = false; 49 | this.openModal = this.openModal.bind(this); 50 | this.setModalVisible = this.setModalVisible.bind(this); 51 | this.onPressCancel = this.onPressCancel.bind(this); 52 | this.onPressConfirm = this.onPressConfirm.bind(this); 53 | this.onScrollChange = this.onScrollChange.bind(this); 54 | } 55 | setModalVisible (isModalVisible) { 56 | this.isModalVisible = isModalVisible; 57 | this.forceUpdate(); 58 | } 59 | openModal () { 60 | this.setModalVisible(true); 61 | } 62 | onPressCancel () { 63 | this.setModalVisible(false); 64 | } 65 | onPressConfirm () { 66 | this.props.onGrading(this.state.score); 67 | this.setModalVisible(false); 68 | } 69 | onScrollChange (contentWidth, contentHeight) { 70 | let posY = ((this.state.score) * 10 - Size.offsetNum) * Size.itemHeight; 71 | if (!this.refs.scroll) return; 72 | this.refs.scroll.scrollTo({ 73 | y: posY >= 0 ? posY : 0, 74 | x: 0 75 | }); 76 | } 77 | render () { 78 | let { 79 | mode, 80 | isPercentage, 81 | scoreBase, 82 | confirmText, 83 | cancelText, 84 | cancelTextStyle, 85 | confirmTextStyle, 86 | cancelButtonStyle, 87 | confirmButtonStyle 88 | } = this.props; 89 | let selectArr = []; 90 | let i = 0; 91 | isPercentage = mode === MODE.ARCS && isPercentage; 92 | if (isPercentage) { 93 | while (++i <= scoreBase) { 94 | selectArr.push(i); 95 | } 96 | } else { 97 | while (++i <= scoreBase * 10) { 98 | selectArr.push(i); 99 | } 100 | selectArr = selectArr.map(item => item / 10); 101 | } 102 | return ( 103 | {}}> 107 | 108 | 113 | 114 | 115 | {Platform.OS === 'ios' && 116 | 117 | !this.props.scored && this.setState({score: value})}> 120 | {selectArr.map(item => 121 | 122 | )} 123 | 124 | 125 | } 126 | {Platform.OS === 'android' && 127 | 128 | 129 | {selectArr.map((item, index) => 130 | !this.props.scored && this.setState({score: item})}> 135 | 136 | 137 | {isPercentage ? item + '%' : item} 138 | 139 | 140 | 141 | )} 142 | 143 | 144 | } 145 | 146 | 150 | 151 | {cancelText} 152 | 153 | 154 | 158 | 159 | {confirmText} 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | ); 169 | } 170 | } 171 | -------------------------------------------------------------------------------- /Grading/GradingModalStyle.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by TinySymphony on 2017-01-19. 3 | * Styles of GradingModal Component 4 | */ 5 | 6 | import {StyleSheet, Dimensions} from 'react-native'; 7 | const {width, height, scale} = Dimensions.get('window'); 8 | 9 | export const Size = { 10 | itemHeight: 40, 11 | widthFactor: 0.6, 12 | heightFactor: 0.4 13 | }; 14 | 15 | export const Color = { 16 | maskColor: '#00000077' 17 | }; 18 | 19 | // calculate offset number to place selected item at the center of the screen 20 | Size.offsetNum = Math.floor(height * Size.heightFactor / 2 / Size.itemHeight + 1); 21 | 22 | export default StyleSheet.create({ 23 | modalMask: { 24 | flex: 1, 25 | justifyContent: 'center', 26 | alignItems: 'center', 27 | backgroundColor: Color.maskColor 28 | }, 29 | modalContainer: { 30 | }, 31 | modal: { 32 | width: width * Size.widthFactor, 33 | overflow: 'hidden', 34 | backgroundColor: '#fff' 35 | }, 36 | modalItem: { 37 | height: Size.itemHeight, 38 | alignItems: 'center', 39 | justifyContent: 'center', 40 | borderBottomWidth: 2 / scale, 41 | borderBottomColor: '#bbb' 42 | }, 43 | selectedItem: { 44 | backgroundColor: '#e6f6f9' 45 | }, 46 | modalText: { 47 | fontSize: 18, 48 | color: '#999' 49 | }, 50 | selectedText: { 51 | fontSize: 22, 52 | color: '#333' 53 | }, 54 | modalButtons: { 55 | borderTopWidth: 2 / scale, 56 | borderColor: '#c6c6c6', 57 | flexDirection: 'row', 58 | justifyContent: 'space-around' 59 | }, 60 | modalButton: { 61 | height: 40, 62 | width: width * Size.widthFactor / 2, 63 | justifyContent: 'center', 64 | alignItems: 'center' 65 | }, 66 | buttonText: { 67 | fontSize: 18 68 | }, 69 | cancelButton: { 70 | backgroundColor: '#c7c7c7' 71 | }, 72 | confirmButton: { 73 | backgroundColor: '#49aec8' 74 | }, 75 | modalScroll: { 76 | height: height * Size.heightFactor 77 | }, 78 | buttonView: { 79 | flexDirection: 'row' 80 | }, 81 | cancelText: { 82 | color: '#fff' 83 | }, 84 | confirmText: { 85 | color: '#fff' 86 | } 87 | }); 88 | -------------------------------------------------------------------------------- /Grading/GradingStyle.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by TinySymphony on 2016-12-26. 3 | * Styles of Grading Component 4 | */ 5 | 6 | import {StyleSheet} from 'react-native'; 7 | 8 | export default StyleSheet.create({ 9 | board: { 10 | alignItems: 'center', 11 | padding: 4, 12 | width: 70, 13 | height: 80, 14 | borderRadius: 4, 15 | borderWidth: 0.5, 16 | borderColor: '#ccc' 17 | }, 18 | boardGradingWp: { 19 | alignItems: 'center', 20 | width: 62, 21 | paddingBottom: 2, 22 | borderBottomWidth: 0.5, 23 | borderBottomColor: '#ccc' 24 | }, 25 | boardGrading: { 26 | fontSize: 24, 27 | color: '#fa952f' 28 | }, 29 | boardNum: { 30 | color: '#999' 31 | }, 32 | boardStars: { 33 | flexDirection: 'row', 34 | justifyContent: 'center', 35 | marginTop: 4 36 | }, 37 | stars: { 38 | flexDirection: 'row', 39 | justifyContent: 'center' 40 | }, 41 | arcs: { 42 | // flexDirection: 'row', 43 | // justifyContent: 'center', 44 | // alignItems: 'flex-start' 45 | }, 46 | arcContainer: { 47 | alignItems: 'center' 48 | }, 49 | arc: { 50 | alignItems: 'center', 51 | justifyContent: 'center' 52 | }, 53 | arcGrading: { 54 | flexDirection: 'row', 55 | justifyContent: 'center' 56 | }, 57 | smiles: { 58 | flexDirection: 'row', 59 | justifyContent: 'space-around' 60 | } 61 | }); 62 | -------------------------------------------------------------------------------- /Grading/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by TinySymphony on 2016-12-26. 3 | * index 4 | * @export Grading Component 5 | */ 6 | 7 | import React, { 8 | Component, 9 | PropTypes 10 | } from 'react'; 11 | import { 12 | ART, 13 | Text, 14 | View, 15 | TouchableHighlight 16 | } from 'react-native'; 17 | import GradingModal from './GradingModal'; 18 | import styles from './GradingStyle'; 19 | import {COLOR, MODE, SVG} from './GradingConstants'; 20 | 21 | const {ACTIVE_COLOR, DEFAULT_COLOR, FONT_COLOR, UNDERLAY_COLOR, DISABLE_COLOR} = COLOR; 22 | const {BOARD, SMILES, ARCS, STARS} = MODE; 23 | 24 | const { 25 | Shape, 26 | Group, 27 | Surface 28 | } = ART; 29 | 30 | function polarToCartesian (centerX, centerY, radius, angleInDegrees) { 31 | var angleInRadians = (angleInDegrees + 90) * Math.PI / 180.0; 32 | return { 33 | x: centerX + (radius * Math.cos(angleInRadians)), 34 | y: centerY - (radius * Math.sin(angleInRadians)) 35 | }; 36 | } 37 | 38 | // generate d attribute value for ART 39 | function generateArcPath (x, y, radius, startAngle, endAngle) { 40 | var start = polarToCartesian(x, y, radius, startAngle); 41 | var end = polarToCartesian(x, y, radius, endAngle); 42 | var arcSweep = endAngle - startAngle <= 180 ? '0' : '1'; 43 | return [ 44 | 'M', start.x, start.y, 45 | 'A', radius, radius, 0, arcSweep, 0, end.x, end.y 46 | ].join(' '); 47 | } 48 | 49 | class Grading extends Component { 50 | constructor(props) { 51 | super(props); 52 | this.noop = this.noop.bind(this); 53 | this.renderArcs = this.renderArcs.bind(this); 54 | this.renderStars = this.renderStars.bind(this); 55 | this.renderBoard = this.renderBoard.bind(this); 56 | this.renderSmiles = this.renderSmiles.bind(this); 57 | this.openGradingModal = this.openGradingModal.bind(this); 58 | } 59 | noop () { } 60 | drawSmile(options) { 61 | const { 62 | like, 63 | active, 64 | scale = 1, 65 | activeColor = ACTIVE_COLOR, 66 | defaultColor = DEFAULT_COLOR, 67 | enable = true 68 | } = options || {}; 69 | let fill = !active ? defaultColor : !enable ? DISABLE_COLOR : activeColor; 70 | return ( 71 | 72 | 73 | 77 | 78 | 79 | ); 80 | } 81 | drawArc(options) { 82 | let { 83 | mode, 84 | activeColor = ACTIVE_COLOR, 85 | scoreBase = 10, 86 | scale = 1, 87 | score, 88 | fontColor = FONT_COLOR, 89 | name = '', 90 | enable, 91 | isPercentage 92 | } = options || {}; 93 | isPercentage = mode === ARCS && isPercentage; 94 | if (isPercentage) scoreBase = 100; 95 | const angle = score / scoreBase * 360; 96 | let fontStyle = { 97 | fontSize: 20 * scale, 98 | lineHeight: 20 * scale, 99 | marginTop: -44 * scale, 100 | color: fontColor 101 | }; 102 | let nameStyle = { 103 | fontSize: 16 * scale, 104 | marginTop: 24 * scale, 105 | color: fontColor 106 | }; 107 | activeColor = !enable ? DISABLE_COLOR : activeColor; 108 | return ( 109 | 110 | 111 | 112 | 113 | 119 | {angle ? 120 | : undefined 126 | } 127 | 128 | 129 | 130 | {isPercentage ? score + '%' : score.toFixed(1)} 131 | {name} 132 | 133 | ); 134 | } 135 | drawStar(options) { 136 | const { 137 | color = ACTIVE_COLOR, 138 | scale = 1, 139 | key, 140 | onGrading = this.noop 141 | } = options || {}; 142 | return ( 143 | onGrading(key)} 147 | > 148 | 149 | 150 | 151 | 156 | 157 | 158 | 159 | 160 | ); 161 | } 162 | parseNumber(num) { 163 | num = ~~num; 164 | let arr = []; 165 | while (num > 0) { 166 | arr.unshift(num % 1000); 167 | num = ~~(num / 1000); 168 | } 169 | return arr.join(); 170 | } 171 | openGradingModal () { 172 | const {readOnly, enable} = this.props; 173 | if (readOnly || !enable) return; 174 | this.refs.modal.openModal(); 175 | } 176 | renderArcs () { 177 | return ( 178 | 181 | 182 | {this.drawArc({...this.props})} 183 | {} 188 | 189 | 190 | ); 191 | } 192 | renderStars() { 193 | let { 194 | score, 195 | scoreBase, 196 | scale, 197 | activeColor, 198 | defaultColor, 199 | onGrading, 200 | enable, 201 | readOnly 202 | } = this.props; 203 | let arr = []; 204 | activeColor = !enable ? DISABLE_COLOR : activeColor; 205 | defaultColor = !enable ? DEFAULT_COLOR : defaultColor; 206 | onGrading = enable && !readOnly ? onGrading : this.noop; 207 | while (scoreBase--) { arr.push(1); } 208 | return ( 209 | 210 | {arr.map((item, index) => 211 | score >= index + 1 ? 212 | this.drawStar({scale: 0.3 * scale, 213 | color: activeColor, 214 | key: index + 1, 215 | onGrading 216 | }) : this.drawStar({scale: 0.3 * scale, 217 | color: defaultColor, 218 | key: index + 1, 219 | onGrading 220 | }) 221 | )} 222 | 223 | ); 224 | } 225 | renderSmiles() { 226 | const { 227 | isLike, 228 | onGrading, 229 | enable, 230 | readOnly 231 | } = this.props; 232 | let onPress = enable && !readOnly ? onGrading : this.noop; 233 | return ( 234 | 235 | onPress(true)}> 238 | 239 | {this.drawSmile({...this.props, active: isLike, like: true})} 240 | 241 | 242 | onPress(false)}> 245 | 246 | {this.drawSmile({...this.props, active: !isLike, like: false})} 247 | 248 | 249 | 250 | ); 251 | } 252 | renderBoard() { 253 | const { 254 | score, 255 | num, 256 | activeColor, 257 | defaultColor, 258 | fontColor, 259 | enable 260 | } = this.props; 261 | let mainColor = !enable ? DISABLE_COLOR : activeColor; 262 | let font = !enable ? FONT_COLOR : fontColor; 263 | const BASE = 5; 264 | let arr = [1, 1, 1, 1, 1]; 265 | return ( 266 | 269 | 270 | 271 | {(score % BASE).toFixed(1)} 272 | 273 | 274 | {num < 100000 ? this.parseNumber(num) 275 | : num > Math.pow(10, 7) ? '999w+' 276 | : this.parseNumber(num / 10000) + 'w+'} 277 | 278 | 279 | {arr.map((item, index) => 280 | score >= index + 1 ? 281 | this.drawStar({scale: 0.3, color: mainColor, key: index + 1}) 282 | : this.drawStar({scale: 0.3, color: defaultColor, key: index + 1}) 283 | )} 284 | 285 | {} 291 | 292 | 293 | ); 294 | } 295 | render() { 296 | const { 297 | mode 298 | } = this.props; 299 | let rankingView = Rendering; 300 | if (mode === BOARD) { 301 | rankingView = this.renderBoard(); 302 | } else if (mode === ARCS) { 303 | rankingView = this.renderArcs(); 304 | } else if (mode === STARS){ 305 | rankingView = this.renderStars(); 306 | } else if (mode === SMILES){ 307 | rankingView = this.renderSmiles(); 308 | } 309 | return ( 310 | 311 | {rankingView} 312 | 313 | ); 314 | } 315 | } 316 | 317 | Grading.defaultProps = { 318 | mode: 'board', 319 | enable: true, 320 | readOnly: false, 321 | num: 0, 322 | score: 0, 323 | scoreBase: 5, 324 | scale: 1, 325 | onGrading: () => {}, 326 | name: '', 327 | isLike: true, 328 | activeColor: ACTIVE_COLOR, 329 | defaultColor: DEFAULT_COLOR, 330 | fontColor: FONT_COLOR, 331 | cancelText: 'Cancel', 332 | confirmText: 'Confirm', 333 | isPercentage: false 334 | }; 335 | 336 | Grading.propTypes = { 337 | mode: PropTypes.oneOf([BOARD, ARCS, SMILES, STARS]), 338 | enable: PropTypes.bool, 339 | readOnly: PropTypes.bool, 340 | isLike: PropTypes.bool, 341 | scale: PropTypes.number, 342 | score: PropTypes.number, 343 | scoreBase: PropTypes.number, 344 | onGrading: PropTypes.func, 345 | num: PropTypes.number, 346 | name: PropTypes.string, 347 | isPercentage: PropTypes.bool, 348 | activeColor: PropTypes.string, 349 | defaultColor: PropTypes.string, 350 | fontColor: PropTypes.string, 351 | cancelText: PropTypes.string, 352 | confirmText: PropTypes.string, 353 | cancelTextStyle: PropTypes.object, 354 | confirmTextStyle: PropTypes.object, 355 | cancelButtonStyle: PropTypes.object, 356 | confirmButtonStyle: PropTypes.object 357 | }; 358 | 359 | export default Grading; 360 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2017 WyTiny TinySymphony 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-grading [![Build Status](https://travis-ci.org/xgfe/react-native-grading.svg?branch=master)](https://travis-ci.org/xgfe/react-native-grading) [![Coverage Status](https://coveralls.io/repos/github/Tinysymphony/react-native-grading/badge.svg?branch=master)](https://coveralls.io/github/Tinysymphony/react-native-grading?branch=master) 2 | 3 | react-native-grading is a RN component for users to grade scores. Four modes are supplied by the component, `arcs`/`simles`/`stars`/`board`. 4 | 5 | ## Example.gif 6 | 7 | > There are at least 3 examples for each mode in order to show component in different status. In every test group, the first grading component is enabled, the second one is read only, the third one is disabled. 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |

16 | 17 | 18 | ## Before Using: Link ART in Xcode 19 | Using this component directly in your project may encounter the following error: 20 | > No component found for view with name "ARTSurfaceView" 21 | 22 | First find `ART.xcdoeproj` from `your-project/node_modules/react-native/Libraies/ART/ART.xcdoeproj` and drag it into Xcode `your-project/Libraries`. 23 | 24 | Then turn to the project's General Settings and add `libART.a` into the **`Linked Frameworks and Libraries`** list. 25 | 26 | Finally, press cmd + B to rebuild project. 27 | 28 | 29 | ## Usage 30 | 31 | **install from npm** 32 | 33 | ```shell 34 | npm install --save react-native-grading 35 | ``` 36 | 37 | **import in project (Insure libART.a is linked)** 38 | 39 | ```js 40 | import Grading from 'react-native-grading'; 41 | ``` 42 | 43 | **board mode (Default)** 44 | 45 | ```html 46 | 47 | ``` 48 | 49 | **stars mode** 50 | 51 | ```html 52 | 61 | ``` 62 | 63 | **arcs mode** 64 | 65 | ```html 66 | 76 | ``` 77 | 78 | **smiles mode** 79 | 80 | ```html 81 | 82 | ``` 83 | 84 | 85 | ## Properties 86 | 87 | 88 | | Property | Default | Type | Description | 89 | | --- | --- | --- | --- | 90 | | mode | ‘board' | string | Grading mode, oneOf[‘board’, ‘arcs’, ’stars’, ’smiles'] | 91 | | enable | true | bool | whether the grading component is interactive | 92 | | readOnly | false | bool | whether the component is read only | 93 | | score | 0 | number | current score. In board mode, it’s current average score; In arcs mode, score can be a percentage when `isPercentage` is set `true` (eg. 45 stands for 45%); for smiles mode, it’s meaningless. | 94 | | scoreBase | 5 | number | In arcs mode, it’s set 100 automatically when `isPercentage=true`; In board mode, scoreBase is always 5. | 95 | | onGrading | - | function | Callback function of grading component, the first argument is the score graded by user. In smile mode, the argument is     bool type.  | 96 | | num | 0 | number | The times of grading, board mode only. | 97 | | name | '' | string | The title of arc, arcs mode only. | 98 | | isPercentage | false | bool | Whether component displays percentage, arcs mode only. | 99 | | activeColor | ACTIVE_COLOR | string | The main color used in the component, `ACTIVE_COLOR` is defined in Constants file. | 100 | | defaultColor | DEFAULT_COLOR | string | The default color used in the component, `DEFAULT_COLOR` is defined in Constants file. | 101 | | fontColor | FONT_COLOR | string | The font color used in the component. `FONT_COLOR` is defined in Constants file. | 102 | | cancelText | ‘Cancel' | string | The text of grading modal’s cancel button. Enable in arcs or board mode both. | 103 | | confirmText | ‘Confirm' | string | The text of grading modal’s confirm button. Enable in arcs or board mode both. | 104 | | cancelTextStyle | {} | object | Custom style for cancel button text of modal. Enable in arcs or board mode both. | 105 | | confirmTextStyle | {} | object | Custom style for confirm button text of modal. Enable in arcs or board mode both. | 106 | | cancelButtonStyle | {} | object | Custom style for cancel button of modal. Enable in arcs or board mode both. | 107 | | confirmButtonStyle | {} | object | Custom style for confirm button text of modal. Enable in arcs or board mode both. | 108 | 109 | ## Methods 110 | 111 | Please use refs to invoke the following instance methods. 112 | 113 | | Method | Params | Description | 114 | | --- | --- | --- | 115 | | openGradingModal | - | Manually open the grading modal. Enabled in arcs mode and board mode both | 116 | -------------------------------------------------------------------------------- /__tests__/__snapshots__/test.js.snap: -------------------------------------------------------------------------------- 1 | exports[`test renders grading modal correctly 1`] = ` 2 | 6 | 12 | 39 | 41 | 49 | 50 | 52 | 319 | 320 | 321 | 327 | 349 | 366 | 381 | Cancel 382 | 383 | 384 | 385 | 407 | 424 | 439 | Confirm 440 | 441 | 442 | 443 | 444 | 445 | 446 | 447 | 448 | 449 | `; 450 | -------------------------------------------------------------------------------- /__tests__/test.js: -------------------------------------------------------------------------------- 1 | import 'react-native'; 2 | import React from 'react' 3 | ; 4 | import {shallow, mount} from 'enzyme'; 5 | 6 | import Grading from '../Grading/index.js'; 7 | import GradingModal from '../Grading/GradingModal.js'; 8 | 9 | // Note: test renderer must be required after react-native. 10 | import renderer from 'react-test-renderer'; 11 | 12 | it('renders grading modal correctly', () => { 13 | expect(renderer.create( 14 | 19 | )).toMatchSnapshot(); 20 | }); 21 | 22 | it('renders board correctly', () => { 23 | const tree = shallow( 24 | 25 | ); 26 | let instance = tree.instance(); 27 | expect(instance.props.score).toEqual(4); 28 | expect(instance.props.scoreBase).toEqual(5); 29 | expect(instance.props.num).toEqual(72346); 30 | expect(instance.props.fontColor).toEqual('#552da6'); 31 | expect(instance.props.activeColor).toEqual('#2bb8aa'); 32 | expect(instance.props.defaultColor).toEqual('#eee'); 33 | expect(instance.props.cancelText).toEqual('Cancel'); 34 | expect(instance.props.confirmText).toEqual('Confirm'); 35 | }); 36 | 37 | it('renders stars correctly', () => { 38 | const tree = shallow( 39 | 40 | ); 41 | let instance = tree.instance(); 42 | expect(instance.props.score).toEqual(4); 43 | expect(instance.props.activeColor).toEqual('#a52ca6'); 44 | }); 45 | 46 | it('renders arcs correctly', () => { 47 | const tree = shallow( 48 | 49 | ); 50 | let instance = tree.instance(); 51 | expect(instance.props.score).toEqual(6); 52 | expect(instance.props.scoreBase).toEqual(8); 53 | expect(instance.props.defaultColor).toEqual('#999'); 54 | }); 55 | 56 | it('renders smiles correctly', () => { 57 | const tree = shallow( 58 | 59 | ); 60 | let instance = tree.instance(); 61 | expect(instance.props.isLike).toEqual(true); 62 | expect(instance.props.activeColor).toEqual('#556'); 63 | }); 64 | 65 | it('interact with modal', () => { 66 | let resultScore; 67 | let initScore = 38; 68 | const tree = shallow( 69 | {resultScore = score;}}/> 74 | ); 75 | let instance = tree.instance(); 76 | instance.onPressCancel(); 77 | expect(instance.isModalVisible).toEqual(false); 78 | instance.openModal(); 79 | instance.onScrollChange(240, 1000); 80 | expect(instance.isModalVisible).toEqual(true); 81 | instance.onPressConfirm(); 82 | expect(instance.isModalVisible).toEqual(false); 83 | expect(resultScore).toEqual(initScore); 84 | }); 85 | -------------------------------------------------------------------------------- /android/app/BUCK: -------------------------------------------------------------------------------- 1 | import re 2 | 3 | # To learn about Buck see [Docs](https://buckbuild.com/). 4 | # To run your application with Buck: 5 | # - install Buck 6 | # - `npm start` - to start the packager 7 | # - `cd android` 8 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 9 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 10 | # - `buck install -r android/app` - compile, install and run application 11 | # 12 | 13 | lib_deps = [] 14 | for jarfile in glob(['libs/*.jar']): 15 | name = 'jars__' + re.sub(r'^.*/([^/]+)\.jar$', r'\1', jarfile) 16 | lib_deps.append(':' + name) 17 | prebuilt_jar( 18 | name = name, 19 | binary_jar = jarfile, 20 | ) 21 | 22 | for aarfile in glob(['libs/*.aar']): 23 | name = 'aars__' + re.sub(r'^.*/([^/]+)\.aar$', r'\1', aarfile) 24 | lib_deps.append(':' + name) 25 | android_prebuilt_aar( 26 | name = name, 27 | aar = aarfile, 28 | ) 29 | 30 | android_library( 31 | name = 'all-libs', 32 | exported_deps = lib_deps 33 | ) 34 | 35 | android_library( 36 | name = 'app-code', 37 | srcs = glob([ 38 | 'src/main/java/**/*.java', 39 | ]), 40 | deps = [ 41 | ':all-libs', 42 | ':build_config', 43 | ':res', 44 | ], 45 | ) 46 | 47 | android_build_config( 48 | name = 'build_config', 49 | package = 'com.ranking', 50 | ) 51 | 52 | android_resource( 53 | name = 'res', 54 | res = 'src/main/res', 55 | package = 'com.ranking', 56 | ) 57 | 58 | android_binary( 59 | name = 'app', 60 | package_type = 'debug', 61 | manifest = 'src/main/AndroidManifest.xml', 62 | keystore = '//android/keystores:debug', 63 | deps = [ 64 | ':app-code', 65 | ], 66 | ) 67 | -------------------------------------------------------------------------------- /android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | 3 | import com.android.build.OutputFile 4 | 5 | /** 6 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 7 | * and bundleReleaseJsAndAssets). 8 | * These basically call `react-native bundle` with the correct arguments during the Android build 9 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 10 | * bundle directly from the development server. Below you can see all the possible configurations 11 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 12 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 13 | * 14 | * project.ext.react = [ 15 | * // the name of the generated asset file containing your JS bundle 16 | * bundleAssetName: "index.android.bundle", 17 | * 18 | * // the entry file for bundle generation 19 | * entryFile: "index.android.js", 20 | * 21 | * // whether to bundle JS and assets in debug mode 22 | * bundleInDebug: false, 23 | * 24 | * // whether to bundle JS and assets in release mode 25 | * bundleInRelease: true, 26 | * 27 | * // whether to bundle JS and assets in another build variant (if configured). 28 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 29 | * // The configuration property can be in the following formats 30 | * // 'bundleIn${productFlavor}${buildType}' 31 | * // 'bundleIn${buildType}' 32 | * // bundleInFreeDebug: true, 33 | * // bundleInPaidRelease: true, 34 | * // bundleInBeta: true, 35 | * 36 | * // the root of your project, i.e. where "package.json" lives 37 | * root: "../../", 38 | * 39 | * // where to put the JS bundle asset in debug mode 40 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 41 | * 42 | * // where to put the JS bundle asset in release mode 43 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 44 | * 45 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 46 | * // require('./image.png')), in debug mode 47 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 48 | * 49 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 50 | * // require('./image.png')), in release mode 51 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 52 | * 53 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 54 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 55 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 56 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 57 | * // for example, you might want to remove it from here. 58 | * inputExcludes: ["android/**", "ios/**"], 59 | * 60 | * // override which node gets called and with what additional arguments 61 | * nodeExecutableAndArgs: ["node"] 62 | * 63 | * // supply additional arguments to the packager 64 | * extraPackagerArgs: [] 65 | * ] 66 | */ 67 | 68 | apply from: "../../node_modules/react-native/react.gradle" 69 | 70 | /** 71 | * Set this to true to create two separate APKs instead of one: 72 | * - An APK that only works on ARM devices 73 | * - An APK that only works on x86 devices 74 | * The advantage is the size of the APK is reduced by about 4MB. 75 | * Upload all the APKs to the Play Store and people will download 76 | * the correct one based on the CPU architecture of their device. 77 | */ 78 | def enableSeparateBuildPerCPUArchitecture = false 79 | 80 | /** 81 | * Run Proguard to shrink the Java bytecode in release builds. 82 | */ 83 | def enableProguardInReleaseBuilds = false 84 | 85 | android { 86 | compileSdkVersion 23 87 | buildToolsVersion "23.0.1" 88 | 89 | defaultConfig { 90 | applicationId "com.ranking" 91 | minSdkVersion 16 92 | targetSdkVersion 22 93 | versionCode 1 94 | versionName "1.0" 95 | ndk { 96 | abiFilters "armeabi-v7a", "x86" 97 | } 98 | } 99 | splits { 100 | abi { 101 | reset() 102 | enable enableSeparateBuildPerCPUArchitecture 103 | universalApk false // If true, also generate a universal APK 104 | include "armeabi-v7a", "x86" 105 | } 106 | } 107 | buildTypes { 108 | release { 109 | minifyEnabled enableProguardInReleaseBuilds 110 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 111 | } 112 | } 113 | // applicationVariants are e.g. debug, release 114 | applicationVariants.all { variant -> 115 | variant.outputs.each { output -> 116 | // For each separate APK per architecture, set a unique version code as described here: 117 | // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits 118 | def versionCodes = ["armeabi-v7a":1, "x86":2] 119 | def abi = output.getFilter(OutputFile.ABI) 120 | if (abi != null) { // null for the universal-debug, universal-release variants 121 | output.versionCodeOverride = 122 | versionCodes.get(abi) * 1048576 + defaultConfig.versionCode 123 | } 124 | } 125 | } 126 | } 127 | 128 | dependencies { 129 | compile fileTree(dir: "libs", include: ["*.jar"]) 130 | compile "com.android.support:appcompat-v7:23.0.1" 131 | compile "com.facebook.react:react-native:+" // From node_modules 132 | } 133 | 134 | // Run this once to be able to run the application with BUCK 135 | // puts all compile dependencies into folder libs for BUCK to use 136 | task copyDownloadableDepsToLibs(type: Copy) { 137 | from configurations.compile 138 | into 'libs' 139 | } 140 | -------------------------------------------------------------------------------- /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 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | 19 | # Disabling obfuscation is useful if you collect stack traces from production crashes 20 | # (unless you are using a system that supports de-obfuscate the stack traces). 21 | -dontobfuscate 22 | 23 | # React Native 24 | 25 | # Keep our interfaces so they can be used by other ProGuard rules. 26 | # See http://sourceforge.net/p/proguard/bugs/466/ 27 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip 28 | -keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters 29 | -keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip 30 | 31 | # Do not strip any method/class that is annotated with @DoNotStrip 32 | -keep @com.facebook.proguard.annotations.DoNotStrip class * 33 | -keep @com.facebook.common.internal.DoNotStrip class * 34 | -keepclassmembers class * { 35 | @com.facebook.proguard.annotations.DoNotStrip *; 36 | @com.facebook.common.internal.DoNotStrip *; 37 | } 38 | 39 | -keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * { 40 | void set*(***); 41 | *** get*(); 42 | } 43 | 44 | -keep class * extends com.facebook.react.bridge.JavaScriptModule { *; } 45 | -keep class * extends com.facebook.react.bridge.NativeModule { *; } 46 | -keepclassmembers,includedescriptorclasses class * { native ; } 47 | -keepclassmembers class * { @com.facebook.react.uimanager.UIProp ; } 48 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactProp ; } 49 | -keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactPropGroup ; } 50 | 51 | -dontwarn com.facebook.react.** 52 | 53 | # okhttp 54 | 55 | -keepattributes Signature 56 | -keepattributes *Annotation* 57 | -keep class okhttp3.** { *; } 58 | -keep interface okhttp3.** { *; } 59 | -dontwarn okhttp3.** 60 | 61 | # okio 62 | 63 | -keep class sun.misc.Unsafe { *; } 64 | -dontwarn java.nio.file.* 65 | -dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement 66 | -dontwarn okio.** 67 | -------------------------------------------------------------------------------- /android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 12 | 13 | 19 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /android/app/src/main/java/com/ranking/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.ranking; 2 | 3 | import com.facebook.react.ReactActivity; 4 | 5 | public class MainActivity extends ReactActivity { 6 | 7 | /** 8 | * Returns the name of the main component registered from JavaScript. 9 | * This is used to schedule rendering of the component. 10 | */ 11 | @Override 12 | protected String getMainComponentName() { 13 | return "ranking"; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /android/app/src/main/java/com/ranking/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.ranking; 2 | 3 | import android.app.Application; 4 | import android.util.Log; 5 | 6 | import com.facebook.react.ReactApplication; 7 | import com.facebook.react.ReactInstanceManager; 8 | import com.facebook.react.ReactNativeHost; 9 | import com.facebook.react.ReactPackage; 10 | import com.facebook.react.shell.MainReactPackage; 11 | import com.facebook.soloader.SoLoader; 12 | 13 | import java.util.Arrays; 14 | import java.util.List; 15 | 16 | public class MainApplication extends Application implements ReactApplication { 17 | 18 | private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { 19 | @Override 20 | protected boolean getUseDeveloperSupport() { 21 | return BuildConfig.DEBUG; 22 | } 23 | 24 | @Override 25 | protected List getPackages() { 26 | return Arrays.asList( 27 | new MainReactPackage() 28 | ); 29 | } 30 | }; 31 | 32 | @Override 33 | public ReactNativeHost getReactNativeHost() { 34 | return mReactNativeHost; 35 | } 36 | 37 | @Override 38 | public void onCreate() { 39 | super.onCreate(); 40 | SoLoader.init(this, /* native exopackage */ false); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xgfe/react-native-grading/2f514c09f97980c6def8da5192b1141d901d1d6d/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xgfe/react-native-grading/2f514c09f97980c6def8da5192b1141d901d1d6d/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xgfe/react-native-grading/2f514c09f97980c6def8da5192b1141d901d1d6d/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xgfe/react-native-grading/2f514c09f97980c6def8da5192b1141d901d1d6d/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | ranking 3 | 4 | -------------------------------------------------------------------------------- /android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /android/build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:1.3.1' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | mavenLocal() 18 | jcenter() 19 | maven { 20 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 21 | url "$rootDir/../node_modules/react-native/android" 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /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: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 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 | android.useDeprecatedNdk=true 21 | -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xgfe/react-native-grading/2f514c09f97980c6def8da5192b1141d901d1d6d/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip 6 | -------------------------------------------------------------------------------- /android/gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # For Cygwin, ensure paths are in UNIX format before anything is touched. 46 | if $cygwin ; then 47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"` 48 | fi 49 | 50 | # Attempt to set APP_HOME 51 | # Resolve links: $0 may be a link 52 | PRG="$0" 53 | # Need this for relative symlinks. 54 | while [ -h "$PRG" ] ; do 55 | ls=`ls -ld "$PRG"` 56 | link=`expr "$ls" : '.*-> \(.*\)$'` 57 | if expr "$link" : '/.*' > /dev/null; then 58 | PRG="$link" 59 | else 60 | PRG=`dirname "$PRG"`"/$link" 61 | fi 62 | done 63 | SAVED="`pwd`" 64 | cd "`dirname \"$PRG\"`/" >&- 65 | APP_HOME="`pwd -P`" 66 | cd "$SAVED" >&- 67 | 68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 69 | 70 | # Determine the Java command to use to start the JVM. 71 | if [ -n "$JAVA_HOME" ] ; then 72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 73 | # IBM's JDK on AIX uses strange locations for the executables 74 | JAVACMD="$JAVA_HOME/jre/sh/java" 75 | else 76 | JAVACMD="$JAVA_HOME/bin/java" 77 | fi 78 | if [ ! -x "$JAVACMD" ] ; then 79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 80 | 81 | Please set the JAVA_HOME variable in your environment to match the 82 | location of your Java installation." 83 | fi 84 | else 85 | JAVACMD="java" 86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 87 | 88 | Please set the JAVA_HOME variable in your environment to match the 89 | location of your Java installation." 90 | fi 91 | 92 | # Increase the maximum file descriptors if we can. 93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 94 | MAX_FD_LIMIT=`ulimit -H -n` 95 | if [ $? -eq 0 ] ; then 96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 97 | MAX_FD="$MAX_FD_LIMIT" 98 | fi 99 | ulimit -n $MAX_FD 100 | if [ $? -ne 0 ] ; then 101 | warn "Could not set maximum file descriptor limit: $MAX_FD" 102 | fi 103 | else 104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 105 | fi 106 | fi 107 | 108 | # For Darwin, add options to specify how the application appears in the dock 109 | if $darwin; then 110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 111 | fi 112 | 113 | # For Cygwin, switch paths to Windows format before running java 114 | if $cygwin ; then 115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /android/gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /android/keystores/BUCK: -------------------------------------------------------------------------------- 1 | keystore( 2 | name = 'debug', 3 | store = 'debug.keystore', 4 | properties = 'debug.keystore.properties', 5 | visibility = [ 6 | 'PUBLIC', 7 | ], 8 | ) 9 | -------------------------------------------------------------------------------- /android/keystores/debug.keystore.properties: -------------------------------------------------------------------------------- 1 | key.store=debug.keystore 2 | key.alias=androiddebugkey 3 | key.store.password=android 4 | key.alias.password=android 5 | -------------------------------------------------------------------------------- /android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'ranking' 2 | 3 | include ':app' 4 | -------------------------------------------------------------------------------- /index.android.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by TinySymphony on 2016-12-26. 3 | * Android Examples 4 | */ 5 | 6 | import React, {Component} from 'react'; 7 | import { 8 | AppRegistry, 9 | StyleSheet, 10 | View, 11 | Text, 12 | ScrollView 13 | } from 'react-native'; 14 | import Grading from './Grading'; 15 | export default class grading extends Component { 16 | constructor(props) { 17 | super(props); 18 | this.state = { 19 | board: { 20 | num: 124, 21 | score: 4.5 22 | }, 23 | arcs: { 24 | score: 8.4 25 | }, 26 | stars: { 27 | score: 6.0 28 | }, 29 | smiles: { 30 | isLike: true 31 | } 32 | }; 33 | this.changeBoardScore = this.changeBoardScore.bind(this); 34 | this.changeStarScore = this.changeStarScore.bind(this); 35 | this.changeArcScore = this.changeArcScore.bind(this); 36 | this.changeSmileScore = this.changeSmileScore.bind(this); 37 | } 38 | changeBoardScore(newScore) { 39 | const {num, score} = this.state.board; 40 | this.setState({ 41 | board: { 42 | num: num + 1, 43 | score: (score * num + newScore) / (num + 1) 44 | } 45 | }); 46 | } 47 | changeStarScore(score) { 48 | this.setState({ 49 | stars: {score: score} 50 | }); 51 | } 52 | changeArcScore(score) { 53 | console.log(score); 54 | this.setState({ 55 | arcs: {score: score} 56 | }); 57 | } 58 | changeSmileScore(score) { 59 | this.setState({ 60 | smiles: {isLike: score} 61 | }); 62 | } 63 | render() { 64 | return ( 65 | 66 | Examples about react-native-grading 67 | 68 | 74 | 75 | 76 | 82 | 83 | 84 | 91 | 98 | 99 | 100 | 101 | 102 | 111 | 119 | 120 | 121 | 125 | 126 | 127 | 128 | 129 | ); 130 | } 131 | } 132 | 133 | const styles = StyleSheet.create({ 134 | container: { 135 | backgroundColor: '#F5FCFF' 136 | }, 137 | welcome: { 138 | marginTop: 30, 139 | fontSize: 20, 140 | textAlign: 'center', 141 | margin: 10, 142 | color: '#333333' 143 | }, 144 | boardGrading: { 145 | flexDirection: 'row', 146 | justifyContent: 'space-around', 147 | flexWrap: 'wrap' 148 | }, 149 | starsGrading: { 150 | flex: 1, 151 | marginTop: 20, 152 | justifyContent: 'space-around' 153 | }, 154 | arcsGrading: { 155 | marginTop: 20, 156 | justifyContent: 'space-around' 157 | }, 158 | simlesGrading: { 159 | marginTop: 20, 160 | alignItems: 'center' 161 | } 162 | }); 163 | 164 | AppRegistry.registerComponent('ranking', () => grading); 165 | -------------------------------------------------------------------------------- /index.ios.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by TinySymphony on 2016-12-26. 3 | * iOS Examples 4 | */ 5 | 6 | export {default} from './index.android.js'; 7 | -------------------------------------------------------------------------------- /ios/ranking.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; }; 11 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; }; 12 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */; }; 13 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */; }; 14 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */; }; 15 | 00E356F31AD99517003FC87E /* rankingTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* rankingTests.m */; }; 16 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 78C398B91ACF4ADC00677621 /* libRCTLinking.a */; }; 17 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */; }; 18 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */; }; 19 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; }; 20 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; }; 21 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 22 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 23 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 24 | 146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; }; 25 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */; }; 26 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; }; 27 | B0F32AC31E13B1B900BE876F /* libART.a in Frameworks */ = {isa = PBXBuildFile; fileRef = B0F32AC21E13AD4300BE876F /* libART.a */; }; 28 | /* End PBXBuildFile section */ 29 | 30 | /* Begin PBXContainerItemProxy section */ 31 | 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */ = { 32 | isa = PBXContainerItemProxy; 33 | containerPortal = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 34 | proxyType = 2; 35 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 36 | remoteInfo = RCTActionSheet; 37 | }; 38 | 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */ = { 39 | isa = PBXContainerItemProxy; 40 | containerPortal = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 41 | proxyType = 2; 42 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 43 | remoteInfo = RCTGeolocation; 44 | }; 45 | 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */ = { 46 | isa = PBXContainerItemProxy; 47 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 48 | proxyType = 2; 49 | remoteGlobalIDString = 58B5115D1A9E6B3D00147676; 50 | remoteInfo = RCTImage; 51 | }; 52 | 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */ = { 53 | isa = PBXContainerItemProxy; 54 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 55 | proxyType = 2; 56 | remoteGlobalIDString = 58B511DB1A9E6C8500147676; 57 | remoteInfo = RCTNetwork; 58 | }; 59 | 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */ = { 60 | isa = PBXContainerItemProxy; 61 | containerPortal = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 62 | proxyType = 2; 63 | remoteGlobalIDString = 832C81801AAF6DEF007FA2F7; 64 | remoteInfo = RCTVibration; 65 | }; 66 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 67 | isa = PBXContainerItemProxy; 68 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 69 | proxyType = 1; 70 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 71 | remoteInfo = ranking; 72 | }; 73 | 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */ = { 74 | isa = PBXContainerItemProxy; 75 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 76 | proxyType = 2; 77 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 78 | remoteInfo = RCTSettings; 79 | }; 80 | 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */ = { 81 | isa = PBXContainerItemProxy; 82 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 83 | proxyType = 2; 84 | remoteGlobalIDString = 3C86DF461ADF2C930047B81A; 85 | remoteInfo = RCTWebSocket; 86 | }; 87 | 146834031AC3E56700842450 /* PBXContainerItemProxy */ = { 88 | isa = PBXContainerItemProxy; 89 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 90 | proxyType = 2; 91 | remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192; 92 | remoteInfo = React; 93 | }; 94 | 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 95 | isa = PBXContainerItemProxy; 96 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 97 | proxyType = 2; 98 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 99 | remoteInfo = RCTAnimation; 100 | }; 101 | 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = { 102 | isa = PBXContainerItemProxy; 103 | containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 104 | proxyType = 2; 105 | remoteGlobalIDString = 2D2A28201D9B03D100D4039D; 106 | remoteInfo = "RCTAnimation-tvOS"; 107 | }; 108 | 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */ = { 109 | isa = PBXContainerItemProxy; 110 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 111 | proxyType = 2; 112 | remoteGlobalIDString = 134814201AA4EA6300B7C361; 113 | remoteInfo = RCTLinking; 114 | }; 115 | 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */ = { 116 | isa = PBXContainerItemProxy; 117 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 118 | proxyType = 2; 119 | remoteGlobalIDString = 58B5119B1A9E6C1200147676; 120 | remoteInfo = RCTText; 121 | }; 122 | B0F32AA21E13AC2B00BE876F /* PBXContainerItemProxy */ = { 123 | isa = PBXContainerItemProxy; 124 | containerPortal = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 125 | proxyType = 2; 126 | remoteGlobalIDString = 2D2A283A1D9B042B00D4039D; 127 | remoteInfo = "RCTImage-tvOS"; 128 | }; 129 | B0F32AA61E13AC2B00BE876F /* PBXContainerItemProxy */ = { 130 | isa = PBXContainerItemProxy; 131 | containerPortal = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 132 | proxyType = 2; 133 | remoteGlobalIDString = 2D2A28471D9B043800D4039D; 134 | remoteInfo = "RCTLinking-tvOS"; 135 | }; 136 | B0F32AAA1E13AC2B00BE876F /* PBXContainerItemProxy */ = { 137 | isa = PBXContainerItemProxy; 138 | containerPortal = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 139 | proxyType = 2; 140 | remoteGlobalIDString = 2D2A28541D9B044C00D4039D; 141 | remoteInfo = "RCTNetwork-tvOS"; 142 | }; 143 | B0F32AAE1E13AC2B00BE876F /* PBXContainerItemProxy */ = { 144 | isa = PBXContainerItemProxy; 145 | containerPortal = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 146 | proxyType = 2; 147 | remoteGlobalIDString = 2D2A28611D9B046600D4039D; 148 | remoteInfo = "RCTSettings-tvOS"; 149 | }; 150 | B0F32AB21E13AC2B00BE876F /* PBXContainerItemProxy */ = { 151 | isa = PBXContainerItemProxy; 152 | containerPortal = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 153 | proxyType = 2; 154 | remoteGlobalIDString = 2D2A287B1D9B048500D4039D; 155 | remoteInfo = "RCTText-tvOS"; 156 | }; 157 | B0F32AB71E13AC2B00BE876F /* PBXContainerItemProxy */ = { 158 | isa = PBXContainerItemProxy; 159 | containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 160 | proxyType = 2; 161 | remoteGlobalIDString = 2D2A28881D9B049200D4039D; 162 | remoteInfo = "RCTWebSocket-tvOS"; 163 | }; 164 | B0F32ABB1E13AC2B00BE876F /* PBXContainerItemProxy */ = { 165 | isa = PBXContainerItemProxy; 166 | containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */; 167 | proxyType = 2; 168 | remoteGlobalIDString = 2D2A28131D9B038B00D4039D; 169 | remoteInfo = "React-tvOS"; 170 | }; 171 | B0F32AC11E13AD4300BE876F /* PBXContainerItemProxy */ = { 172 | isa = PBXContainerItemProxy; 173 | containerPortal = B0F32ABD1E13AD4300BE876F /* ART.xcodeproj */; 174 | proxyType = 2; 175 | remoteGlobalIDString = 0CF68AC11AF0540F00FF9E5C; 176 | remoteInfo = ART; 177 | }; 178 | /* End PBXContainerItemProxy section */ 179 | 180 | /* Begin PBXFileReference section */ 181 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 182 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTActionSheet.xcodeproj; path = "../node_modules/react-native/Libraries/ActionSheetIOS/RCTActionSheet.xcodeproj"; sourceTree = ""; }; 183 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTGeolocation.xcodeproj; path = "../node_modules/react-native/Libraries/Geolocation/RCTGeolocation.xcodeproj"; sourceTree = ""; }; 184 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTImage.xcodeproj; path = "../node_modules/react-native/Libraries/Image/RCTImage.xcodeproj"; sourceTree = ""; }; 185 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTNetwork.xcodeproj; path = "../node_modules/react-native/Libraries/Network/RCTNetwork.xcodeproj"; sourceTree = ""; }; 186 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = ""; }; 187 | 00E356EE1AD99517003FC87E /* rankingTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = rankingTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 188 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 189 | 00E356F21AD99517003FC87E /* rankingTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = rankingTests.m; sourceTree = ""; }; 190 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = ""; }; 191 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = ""; }; 192 | 13B07F961A680F5B00A75B9A /* ranking.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = ranking.app; sourceTree = BUILT_PRODUCTS_DIR; }; 193 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = ranking/AppDelegate.h; sourceTree = ""; }; 194 | 13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = ranking/AppDelegate.m; sourceTree = ""; }; 195 | 13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = ""; }; 196 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = ranking/Images.xcassets; sourceTree = ""; }; 197 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = ranking/Info.plist; sourceTree = ""; }; 198 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = ranking/main.m; sourceTree = ""; }; 199 | 146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = ""; }; 200 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTAnimation.xcodeproj; path = "../node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj"; sourceTree = ""; }; 201 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = ""; }; 202 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = ""; }; 203 | B0F32ABD1E13AD4300BE876F /* ART.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = ART.xcodeproj; path = "../node_modules/react-native/Libraries/ART/ART.xcodeproj"; sourceTree = ""; }; 204 | /* End PBXFileReference section */ 205 | 206 | /* Begin PBXFrameworksBuildPhase section */ 207 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 208 | isa = PBXFrameworksBuildPhase; 209 | buildActionMask = 2147483647; 210 | files = ( 211 | 140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */, 212 | ); 213 | runOnlyForDeploymentPostprocessing = 0; 214 | }; 215 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 216 | isa = PBXFrameworksBuildPhase; 217 | buildActionMask = 2147483647; 218 | files = ( 219 | B0F32AC31E13B1B900BE876F /* libART.a in Frameworks */, 220 | 5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */, 221 | 146834051AC3E58100842450 /* libReact.a in Frameworks */, 222 | 00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */, 223 | 00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */, 224 | 00C302E81ABCBA2D00DB3ED1 /* libRCTImage.a in Frameworks */, 225 | 133E29F31AD74F7200F7D852 /* libRCTLinking.a in Frameworks */, 226 | 00C302E91ABCBA2D00DB3ED1 /* libRCTNetwork.a in Frameworks */, 227 | 139105C61AF99C1200B5F7CC /* libRCTSettings.a in Frameworks */, 228 | 832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */, 229 | 00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */, 230 | 139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */, 231 | ); 232 | runOnlyForDeploymentPostprocessing = 0; 233 | }; 234 | /* End PBXFrameworksBuildPhase section */ 235 | 236 | /* Begin PBXGroup section */ 237 | 00C302A81ABCB8CE00DB3ED1 /* Products */ = { 238 | isa = PBXGroup; 239 | children = ( 240 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */, 241 | ); 242 | name = Products; 243 | sourceTree = ""; 244 | }; 245 | 00C302B61ABCB90400DB3ED1 /* Products */ = { 246 | isa = PBXGroup; 247 | children = ( 248 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */, 249 | ); 250 | name = Products; 251 | sourceTree = ""; 252 | }; 253 | 00C302BC1ABCB91800DB3ED1 /* Products */ = { 254 | isa = PBXGroup; 255 | children = ( 256 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */, 257 | B0F32AA31E13AC2B00BE876F /* libRCTImage-tvOS.a */, 258 | ); 259 | name = Products; 260 | sourceTree = ""; 261 | }; 262 | 00C302D41ABCB9D200DB3ED1 /* Products */ = { 263 | isa = PBXGroup; 264 | children = ( 265 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */, 266 | B0F32AAB1E13AC2B00BE876F /* libRCTNetwork-tvOS.a */, 267 | ); 268 | name = Products; 269 | sourceTree = ""; 270 | }; 271 | 00C302E01ABCB9EE00DB3ED1 /* Products */ = { 272 | isa = PBXGroup; 273 | children = ( 274 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */, 275 | ); 276 | name = Products; 277 | sourceTree = ""; 278 | }; 279 | 00E356EF1AD99517003FC87E /* rankingTests */ = { 280 | isa = PBXGroup; 281 | children = ( 282 | 00E356F21AD99517003FC87E /* rankingTests.m */, 283 | 00E356F01AD99517003FC87E /* Supporting Files */, 284 | ); 285 | path = rankingTests; 286 | sourceTree = ""; 287 | }; 288 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 289 | isa = PBXGroup; 290 | children = ( 291 | 00E356F11AD99517003FC87E /* Info.plist */, 292 | ); 293 | name = "Supporting Files"; 294 | sourceTree = ""; 295 | }; 296 | 139105B71AF99BAD00B5F7CC /* Products */ = { 297 | isa = PBXGroup; 298 | children = ( 299 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */, 300 | B0F32AAF1E13AC2B00BE876F /* libRCTSettings-tvOS.a */, 301 | ); 302 | name = Products; 303 | sourceTree = ""; 304 | }; 305 | 139FDEE71B06529A00C62182 /* Products */ = { 306 | isa = PBXGroup; 307 | children = ( 308 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */, 309 | B0F32AB81E13AC2B00BE876F /* libRCTWebSocket-tvOS.a */, 310 | ); 311 | name = Products; 312 | sourceTree = ""; 313 | }; 314 | 13B07FAE1A68108700A75B9A /* ranking */ = { 315 | isa = PBXGroup; 316 | children = ( 317 | 008F07F21AC5B25A0029DE68 /* main.jsbundle */, 318 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 319 | 13B07FB01A68108700A75B9A /* AppDelegate.m */, 320 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 321 | 13B07FB61A68108700A75B9A /* Info.plist */, 322 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */, 323 | 13B07FB71A68108700A75B9A /* main.m */, 324 | ); 325 | name = ranking; 326 | sourceTree = ""; 327 | }; 328 | 146834001AC3E56700842450 /* Products */ = { 329 | isa = PBXGroup; 330 | children = ( 331 | 146834041AC3E56700842450 /* libReact.a */, 332 | B0F32ABC1E13AC2B00BE876F /* libReact-tvOS.a */, 333 | ); 334 | name = Products; 335 | sourceTree = ""; 336 | }; 337 | 5E91572E1DD0AC6500FF2AA8 /* Products */ = { 338 | isa = PBXGroup; 339 | children = ( 340 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */, 341 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */, 342 | ); 343 | name = Products; 344 | sourceTree = ""; 345 | }; 346 | 78C398B11ACF4ADC00677621 /* Products */ = { 347 | isa = PBXGroup; 348 | children = ( 349 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */, 350 | B0F32AA71E13AC2B00BE876F /* libRCTLinking-tvOS.a */, 351 | ); 352 | name = Products; 353 | sourceTree = ""; 354 | }; 355 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 356 | isa = PBXGroup; 357 | children = ( 358 | B0F32ABD1E13AD4300BE876F /* ART.xcodeproj */, 359 | 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */, 360 | 146833FF1AC3E56700842450 /* React.xcodeproj */, 361 | 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */, 362 | 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */, 363 | 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */, 364 | 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */, 365 | 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */, 366 | 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */, 367 | 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */, 368 | 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */, 369 | 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */, 370 | ); 371 | name = Libraries; 372 | sourceTree = ""; 373 | }; 374 | 832341B11AAA6A8300B99B32 /* Products */ = { 375 | isa = PBXGroup; 376 | children = ( 377 | 832341B51AAA6A8300B99B32 /* libRCTText.a */, 378 | B0F32AB31E13AC2B00BE876F /* libRCTText-tvOS.a */, 379 | ); 380 | name = Products; 381 | sourceTree = ""; 382 | }; 383 | 83CBB9F61A601CBA00E9B192 = { 384 | isa = PBXGroup; 385 | children = ( 386 | 13B07FAE1A68108700A75B9A /* ranking */, 387 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 388 | 00E356EF1AD99517003FC87E /* rankingTests */, 389 | 83CBBA001A601CBA00E9B192 /* Products */, 390 | ); 391 | indentWidth = 2; 392 | sourceTree = ""; 393 | tabWidth = 2; 394 | }; 395 | 83CBBA001A601CBA00E9B192 /* Products */ = { 396 | isa = PBXGroup; 397 | children = ( 398 | 13B07F961A680F5B00A75B9A /* ranking.app */, 399 | 00E356EE1AD99517003FC87E /* rankingTests.xctest */, 400 | ); 401 | name = Products; 402 | sourceTree = ""; 403 | }; 404 | B0F32ABE1E13AD4300BE876F /* Products */ = { 405 | isa = PBXGroup; 406 | children = ( 407 | B0F32AC21E13AD4300BE876F /* libART.a */, 408 | ); 409 | name = Products; 410 | sourceTree = ""; 411 | }; 412 | /* End PBXGroup section */ 413 | 414 | /* Begin PBXNativeTarget section */ 415 | 00E356ED1AD99517003FC87E /* rankingTests */ = { 416 | isa = PBXNativeTarget; 417 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "rankingTests" */; 418 | buildPhases = ( 419 | 00E356EA1AD99517003FC87E /* Sources */, 420 | 00E356EB1AD99517003FC87E /* Frameworks */, 421 | 00E356EC1AD99517003FC87E /* Resources */, 422 | ); 423 | buildRules = ( 424 | ); 425 | dependencies = ( 426 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 427 | ); 428 | name = rankingTests; 429 | productName = rankingTests; 430 | productReference = 00E356EE1AD99517003FC87E /* rankingTests.xctest */; 431 | productType = "com.apple.product-type.bundle.unit-test"; 432 | }; 433 | 13B07F861A680F5B00A75B9A /* ranking */ = { 434 | isa = PBXNativeTarget; 435 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "ranking" */; 436 | buildPhases = ( 437 | 13B07F871A680F5B00A75B9A /* Sources */, 438 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 439 | 13B07F8E1A680F5B00A75B9A /* Resources */, 440 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 441 | ); 442 | buildRules = ( 443 | ); 444 | dependencies = ( 445 | ); 446 | name = ranking; 447 | productName = "Hello World"; 448 | productReference = 13B07F961A680F5B00A75B9A /* ranking.app */; 449 | productType = "com.apple.product-type.application"; 450 | }; 451 | /* End PBXNativeTarget section */ 452 | 453 | /* Begin PBXProject section */ 454 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 455 | isa = PBXProject; 456 | attributes = { 457 | LastUpgradeCheck = 0610; 458 | ORGANIZATIONNAME = Facebook; 459 | TargetAttributes = { 460 | 00E356ED1AD99517003FC87E = { 461 | CreatedOnToolsVersion = 6.2; 462 | TestTargetID = 13B07F861A680F5B00A75B9A; 463 | }; 464 | }; 465 | }; 466 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "ranking" */; 467 | compatibilityVersion = "Xcode 3.2"; 468 | developmentRegion = English; 469 | hasScannedForEncodings = 0; 470 | knownRegions = ( 471 | en, 472 | Base, 473 | ); 474 | mainGroup = 83CBB9F61A601CBA00E9B192; 475 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 476 | projectDirPath = ""; 477 | projectReferences = ( 478 | { 479 | ProductGroup = B0F32ABE1E13AD4300BE876F /* Products */; 480 | ProjectRef = B0F32ABD1E13AD4300BE876F /* ART.xcodeproj */; 481 | }, 482 | { 483 | ProductGroup = 00C302A81ABCB8CE00DB3ED1 /* Products */; 484 | ProjectRef = 00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */; 485 | }, 486 | { 487 | ProductGroup = 5E91572E1DD0AC6500FF2AA8 /* Products */; 488 | ProjectRef = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */; 489 | }, 490 | { 491 | ProductGroup = 00C302B61ABCB90400DB3ED1 /* Products */; 492 | ProjectRef = 00C302B51ABCB90400DB3ED1 /* RCTGeolocation.xcodeproj */; 493 | }, 494 | { 495 | ProductGroup = 00C302BC1ABCB91800DB3ED1 /* Products */; 496 | ProjectRef = 00C302BB1ABCB91800DB3ED1 /* RCTImage.xcodeproj */; 497 | }, 498 | { 499 | ProductGroup = 78C398B11ACF4ADC00677621 /* Products */; 500 | ProjectRef = 78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */; 501 | }, 502 | { 503 | ProductGroup = 00C302D41ABCB9D200DB3ED1 /* Products */; 504 | ProjectRef = 00C302D31ABCB9D200DB3ED1 /* RCTNetwork.xcodeproj */; 505 | }, 506 | { 507 | ProductGroup = 139105B71AF99BAD00B5F7CC /* Products */; 508 | ProjectRef = 139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */; 509 | }, 510 | { 511 | ProductGroup = 832341B11AAA6A8300B99B32 /* Products */; 512 | ProjectRef = 832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */; 513 | }, 514 | { 515 | ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */; 516 | ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */; 517 | }, 518 | { 519 | ProductGroup = 139FDEE71B06529A00C62182 /* Products */; 520 | ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */; 521 | }, 522 | { 523 | ProductGroup = 146834001AC3E56700842450 /* Products */; 524 | ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */; 525 | }, 526 | ); 527 | projectRoot = ""; 528 | targets = ( 529 | 13B07F861A680F5B00A75B9A /* ranking */, 530 | 00E356ED1AD99517003FC87E /* rankingTests */, 531 | ); 532 | }; 533 | /* End PBXProject section */ 534 | 535 | /* Begin PBXReferenceProxy section */ 536 | 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */ = { 537 | isa = PBXReferenceProxy; 538 | fileType = archive.ar; 539 | path = libRCTActionSheet.a; 540 | remoteRef = 00C302AB1ABCB8CE00DB3ED1 /* PBXContainerItemProxy */; 541 | sourceTree = BUILT_PRODUCTS_DIR; 542 | }; 543 | 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */ = { 544 | isa = PBXReferenceProxy; 545 | fileType = archive.ar; 546 | path = libRCTGeolocation.a; 547 | remoteRef = 00C302B91ABCB90400DB3ED1 /* PBXContainerItemProxy */; 548 | sourceTree = BUILT_PRODUCTS_DIR; 549 | }; 550 | 00C302C01ABCB91800DB3ED1 /* libRCTImage.a */ = { 551 | isa = PBXReferenceProxy; 552 | fileType = archive.ar; 553 | path = libRCTImage.a; 554 | remoteRef = 00C302BF1ABCB91800DB3ED1 /* PBXContainerItemProxy */; 555 | sourceTree = BUILT_PRODUCTS_DIR; 556 | }; 557 | 00C302DC1ABCB9D200DB3ED1 /* libRCTNetwork.a */ = { 558 | isa = PBXReferenceProxy; 559 | fileType = archive.ar; 560 | path = libRCTNetwork.a; 561 | remoteRef = 00C302DB1ABCB9D200DB3ED1 /* PBXContainerItemProxy */; 562 | sourceTree = BUILT_PRODUCTS_DIR; 563 | }; 564 | 00C302E41ABCB9EE00DB3ED1 /* libRCTVibration.a */ = { 565 | isa = PBXReferenceProxy; 566 | fileType = archive.ar; 567 | path = libRCTVibration.a; 568 | remoteRef = 00C302E31ABCB9EE00DB3ED1 /* PBXContainerItemProxy */; 569 | sourceTree = BUILT_PRODUCTS_DIR; 570 | }; 571 | 139105C11AF99BAD00B5F7CC /* libRCTSettings.a */ = { 572 | isa = PBXReferenceProxy; 573 | fileType = archive.ar; 574 | path = libRCTSettings.a; 575 | remoteRef = 139105C01AF99BAD00B5F7CC /* PBXContainerItemProxy */; 576 | sourceTree = BUILT_PRODUCTS_DIR; 577 | }; 578 | 139FDEF41B06529B00C62182 /* libRCTWebSocket.a */ = { 579 | isa = PBXReferenceProxy; 580 | fileType = archive.ar; 581 | path = libRCTWebSocket.a; 582 | remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */; 583 | sourceTree = BUILT_PRODUCTS_DIR; 584 | }; 585 | 146834041AC3E56700842450 /* libReact.a */ = { 586 | isa = PBXReferenceProxy; 587 | fileType = archive.ar; 588 | path = libReact.a; 589 | remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */; 590 | sourceTree = BUILT_PRODUCTS_DIR; 591 | }; 592 | 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */ = { 593 | isa = PBXReferenceProxy; 594 | fileType = archive.ar; 595 | path = libRCTAnimation.a; 596 | remoteRef = 5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 597 | sourceTree = BUILT_PRODUCTS_DIR; 598 | }; 599 | 5E9157351DD0AC6500FF2AA8 /* libRCTAnimation-tvOS.a */ = { 600 | isa = PBXReferenceProxy; 601 | fileType = archive.ar; 602 | path = "libRCTAnimation-tvOS.a"; 603 | remoteRef = 5E9157341DD0AC6500FF2AA8 /* PBXContainerItemProxy */; 604 | sourceTree = BUILT_PRODUCTS_DIR; 605 | }; 606 | 78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = { 607 | isa = PBXReferenceProxy; 608 | fileType = archive.ar; 609 | path = libRCTLinking.a; 610 | remoteRef = 78C398B81ACF4ADC00677621 /* PBXContainerItemProxy */; 611 | sourceTree = BUILT_PRODUCTS_DIR; 612 | }; 613 | 832341B51AAA6A8300B99B32 /* libRCTText.a */ = { 614 | isa = PBXReferenceProxy; 615 | fileType = archive.ar; 616 | path = libRCTText.a; 617 | remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */; 618 | sourceTree = BUILT_PRODUCTS_DIR; 619 | }; 620 | B0F32AA31E13AC2B00BE876F /* libRCTImage-tvOS.a */ = { 621 | isa = PBXReferenceProxy; 622 | fileType = archive.ar; 623 | path = "libRCTImage-tvOS.a"; 624 | remoteRef = B0F32AA21E13AC2B00BE876F /* PBXContainerItemProxy */; 625 | sourceTree = BUILT_PRODUCTS_DIR; 626 | }; 627 | B0F32AA71E13AC2B00BE876F /* libRCTLinking-tvOS.a */ = { 628 | isa = PBXReferenceProxy; 629 | fileType = archive.ar; 630 | path = "libRCTLinking-tvOS.a"; 631 | remoteRef = B0F32AA61E13AC2B00BE876F /* PBXContainerItemProxy */; 632 | sourceTree = BUILT_PRODUCTS_DIR; 633 | }; 634 | B0F32AAB1E13AC2B00BE876F /* libRCTNetwork-tvOS.a */ = { 635 | isa = PBXReferenceProxy; 636 | fileType = archive.ar; 637 | path = "libRCTNetwork-tvOS.a"; 638 | remoteRef = B0F32AAA1E13AC2B00BE876F /* PBXContainerItemProxy */; 639 | sourceTree = BUILT_PRODUCTS_DIR; 640 | }; 641 | B0F32AAF1E13AC2B00BE876F /* libRCTSettings-tvOS.a */ = { 642 | isa = PBXReferenceProxy; 643 | fileType = archive.ar; 644 | path = "libRCTSettings-tvOS.a"; 645 | remoteRef = B0F32AAE1E13AC2B00BE876F /* PBXContainerItemProxy */; 646 | sourceTree = BUILT_PRODUCTS_DIR; 647 | }; 648 | B0F32AB31E13AC2B00BE876F /* libRCTText-tvOS.a */ = { 649 | isa = PBXReferenceProxy; 650 | fileType = archive.ar; 651 | path = "libRCTText-tvOS.a"; 652 | remoteRef = B0F32AB21E13AC2B00BE876F /* PBXContainerItemProxy */; 653 | sourceTree = BUILT_PRODUCTS_DIR; 654 | }; 655 | B0F32AB81E13AC2B00BE876F /* libRCTWebSocket-tvOS.a */ = { 656 | isa = PBXReferenceProxy; 657 | fileType = archive.ar; 658 | path = "libRCTWebSocket-tvOS.a"; 659 | remoteRef = B0F32AB71E13AC2B00BE876F /* PBXContainerItemProxy */; 660 | sourceTree = BUILT_PRODUCTS_DIR; 661 | }; 662 | B0F32ABC1E13AC2B00BE876F /* libReact-tvOS.a */ = { 663 | isa = PBXReferenceProxy; 664 | fileType = archive.ar; 665 | path = "libReact-tvOS.a"; 666 | remoteRef = B0F32ABB1E13AC2B00BE876F /* PBXContainerItemProxy */; 667 | sourceTree = BUILT_PRODUCTS_DIR; 668 | }; 669 | B0F32AC21E13AD4300BE876F /* libART.a */ = { 670 | isa = PBXReferenceProxy; 671 | fileType = archive.ar; 672 | path = libART.a; 673 | remoteRef = B0F32AC11E13AD4300BE876F /* PBXContainerItemProxy */; 674 | sourceTree = BUILT_PRODUCTS_DIR; 675 | }; 676 | /* End PBXReferenceProxy section */ 677 | 678 | /* Begin PBXResourcesBuildPhase section */ 679 | 00E356EC1AD99517003FC87E /* Resources */ = { 680 | isa = PBXResourcesBuildPhase; 681 | buildActionMask = 2147483647; 682 | files = ( 683 | ); 684 | runOnlyForDeploymentPostprocessing = 0; 685 | }; 686 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 687 | isa = PBXResourcesBuildPhase; 688 | buildActionMask = 2147483647; 689 | files = ( 690 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 691 | 13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */, 692 | ); 693 | runOnlyForDeploymentPostprocessing = 0; 694 | }; 695 | /* End PBXResourcesBuildPhase section */ 696 | 697 | /* Begin PBXShellScriptBuildPhase section */ 698 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 699 | isa = PBXShellScriptBuildPhase; 700 | buildActionMask = 2147483647; 701 | files = ( 702 | ); 703 | inputPaths = ( 704 | ); 705 | name = "Bundle React Native code and images"; 706 | outputPaths = ( 707 | ); 708 | runOnlyForDeploymentPostprocessing = 0; 709 | shellPath = /bin/sh; 710 | shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh"; 711 | }; 712 | /* End PBXShellScriptBuildPhase section */ 713 | 714 | /* Begin PBXSourcesBuildPhase section */ 715 | 00E356EA1AD99517003FC87E /* Sources */ = { 716 | isa = PBXSourcesBuildPhase; 717 | buildActionMask = 2147483647; 718 | files = ( 719 | 00E356F31AD99517003FC87E /* rankingTests.m in Sources */, 720 | ); 721 | runOnlyForDeploymentPostprocessing = 0; 722 | }; 723 | 13B07F871A680F5B00A75B9A /* Sources */ = { 724 | isa = PBXSourcesBuildPhase; 725 | buildActionMask = 2147483647; 726 | files = ( 727 | 13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */, 728 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 729 | ); 730 | runOnlyForDeploymentPostprocessing = 0; 731 | }; 732 | /* End PBXSourcesBuildPhase section */ 733 | 734 | /* Begin PBXTargetDependency section */ 735 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 736 | isa = PBXTargetDependency; 737 | target = 13B07F861A680F5B00A75B9A /* ranking */; 738 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 739 | }; 740 | /* End PBXTargetDependency section */ 741 | 742 | /* Begin PBXVariantGroup section */ 743 | 13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = { 744 | isa = PBXVariantGroup; 745 | children = ( 746 | 13B07FB21A68108700A75B9A /* Base */, 747 | ); 748 | name = LaunchScreen.xib; 749 | path = ranking; 750 | sourceTree = ""; 751 | }; 752 | /* End PBXVariantGroup section */ 753 | 754 | /* Begin XCBuildConfiguration section */ 755 | 00E356F61AD99517003FC87E /* Debug */ = { 756 | isa = XCBuildConfiguration; 757 | buildSettings = { 758 | BUNDLE_LOADER = "$(TEST_HOST)"; 759 | GCC_PREPROCESSOR_DEFINITIONS = ( 760 | "DEBUG=1", 761 | "$(inherited)", 762 | ); 763 | INFOPLIST_FILE = rankingTests/Info.plist; 764 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 765 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 766 | PRODUCT_NAME = "$(TARGET_NAME)"; 767 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/ranking.app/ranking"; 768 | }; 769 | name = Debug; 770 | }; 771 | 00E356F71AD99517003FC87E /* Release */ = { 772 | isa = XCBuildConfiguration; 773 | buildSettings = { 774 | BUNDLE_LOADER = "$(TEST_HOST)"; 775 | COPY_PHASE_STRIP = NO; 776 | INFOPLIST_FILE = rankingTests/Info.plist; 777 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 778 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks"; 779 | PRODUCT_NAME = "$(TARGET_NAME)"; 780 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/ranking.app/ranking"; 781 | }; 782 | name = Release; 783 | }; 784 | 13B07F941A680F5B00A75B9A /* Debug */ = { 785 | isa = XCBuildConfiguration; 786 | buildSettings = { 787 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 788 | CURRENT_PROJECT_VERSION = 1; 789 | DEAD_CODE_STRIPPING = NO; 790 | INFOPLIST_FILE = ranking/Info.plist; 791 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 792 | OTHER_LDFLAGS = ( 793 | "$(inherited)", 794 | "-ObjC", 795 | "-lc++", 796 | ); 797 | PRODUCT_NAME = ranking; 798 | VERSIONING_SYSTEM = "apple-generic"; 799 | }; 800 | name = Debug; 801 | }; 802 | 13B07F951A680F5B00A75B9A /* Release */ = { 803 | isa = XCBuildConfiguration; 804 | buildSettings = { 805 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 806 | CURRENT_PROJECT_VERSION = 1; 807 | INFOPLIST_FILE = ranking/Info.plist; 808 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 809 | OTHER_LDFLAGS = ( 810 | "$(inherited)", 811 | "-ObjC", 812 | "-lc++", 813 | ); 814 | PRODUCT_NAME = ranking; 815 | VERSIONING_SYSTEM = "apple-generic"; 816 | }; 817 | name = Release; 818 | }; 819 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 820 | isa = XCBuildConfiguration; 821 | buildSettings = { 822 | ALWAYS_SEARCH_USER_PATHS = NO; 823 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 824 | CLANG_CXX_LIBRARY = "libc++"; 825 | CLANG_ENABLE_MODULES = YES; 826 | CLANG_ENABLE_OBJC_ARC = YES; 827 | CLANG_WARN_BOOL_CONVERSION = YES; 828 | CLANG_WARN_CONSTANT_CONVERSION = YES; 829 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 830 | CLANG_WARN_EMPTY_BODY = YES; 831 | CLANG_WARN_ENUM_CONVERSION = YES; 832 | CLANG_WARN_INT_CONVERSION = YES; 833 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 834 | CLANG_WARN_UNREACHABLE_CODE = YES; 835 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 836 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 837 | COPY_PHASE_STRIP = NO; 838 | ENABLE_STRICT_OBJC_MSGSEND = YES; 839 | GCC_C_LANGUAGE_STANDARD = gnu99; 840 | GCC_DYNAMIC_NO_PIC = NO; 841 | GCC_OPTIMIZATION_LEVEL = 0; 842 | GCC_PREPROCESSOR_DEFINITIONS = ( 843 | "DEBUG=1", 844 | "$(inherited)", 845 | ); 846 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 847 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 848 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 849 | GCC_WARN_UNDECLARED_SELECTOR = YES; 850 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 851 | GCC_WARN_UNUSED_FUNCTION = YES; 852 | GCC_WARN_UNUSED_VARIABLE = YES; 853 | HEADER_SEARCH_PATHS = ( 854 | "$(inherited)", 855 | "$(SRCROOT)/../node_modules/react-native/React/**", 856 | "$(SRCROOT)/../node_modules/react-native/ReactCommon/**", 857 | ); 858 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 859 | MTL_ENABLE_DEBUG_INFO = YES; 860 | ONLY_ACTIVE_ARCH = YES; 861 | SDKROOT = iphoneos; 862 | }; 863 | name = Debug; 864 | }; 865 | 83CBBA211A601CBA00E9B192 /* Release */ = { 866 | isa = XCBuildConfiguration; 867 | buildSettings = { 868 | ALWAYS_SEARCH_USER_PATHS = NO; 869 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 870 | CLANG_CXX_LIBRARY = "libc++"; 871 | CLANG_ENABLE_MODULES = YES; 872 | CLANG_ENABLE_OBJC_ARC = YES; 873 | CLANG_WARN_BOOL_CONVERSION = YES; 874 | CLANG_WARN_CONSTANT_CONVERSION = YES; 875 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 876 | CLANG_WARN_EMPTY_BODY = YES; 877 | CLANG_WARN_ENUM_CONVERSION = YES; 878 | CLANG_WARN_INT_CONVERSION = YES; 879 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 880 | CLANG_WARN_UNREACHABLE_CODE = YES; 881 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 882 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 883 | COPY_PHASE_STRIP = YES; 884 | ENABLE_NS_ASSERTIONS = NO; 885 | ENABLE_STRICT_OBJC_MSGSEND = YES; 886 | GCC_C_LANGUAGE_STANDARD = gnu99; 887 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 888 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 889 | GCC_WARN_UNDECLARED_SELECTOR = YES; 890 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 891 | GCC_WARN_UNUSED_FUNCTION = YES; 892 | GCC_WARN_UNUSED_VARIABLE = YES; 893 | HEADER_SEARCH_PATHS = ( 894 | "$(inherited)", 895 | "$(SRCROOT)/../node_modules/react-native/React/**", 896 | "$(SRCROOT)/../node_modules/react-native/ReactCommon/**", 897 | ); 898 | IPHONEOS_DEPLOYMENT_TARGET = 8.0; 899 | MTL_ENABLE_DEBUG_INFO = NO; 900 | SDKROOT = iphoneos; 901 | VALIDATE_PRODUCT = YES; 902 | }; 903 | name = Release; 904 | }; 905 | /* End XCBuildConfiguration section */ 906 | 907 | /* Begin XCConfigurationList section */ 908 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "rankingTests" */ = { 909 | isa = XCConfigurationList; 910 | buildConfigurations = ( 911 | 00E356F61AD99517003FC87E /* Debug */, 912 | 00E356F71AD99517003FC87E /* Release */, 913 | ); 914 | defaultConfigurationIsVisible = 0; 915 | defaultConfigurationName = Release; 916 | }; 917 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "ranking" */ = { 918 | isa = XCConfigurationList; 919 | buildConfigurations = ( 920 | 13B07F941A680F5B00A75B9A /* Debug */, 921 | 13B07F951A680F5B00A75B9A /* Release */, 922 | ); 923 | defaultConfigurationIsVisible = 0; 924 | defaultConfigurationName = Release; 925 | }; 926 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "ranking" */ = { 927 | isa = XCConfigurationList; 928 | buildConfigurations = ( 929 | 83CBBA201A601CBA00E9B192 /* Debug */, 930 | 83CBBA211A601CBA00E9B192 /* Release */, 931 | ); 932 | defaultConfigurationIsVisible = 0; 933 | defaultConfigurationName = Release; 934 | }; 935 | /* End XCConfigurationList section */ 936 | }; 937 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 938 | } 939 | -------------------------------------------------------------------------------- /ios/ranking.xcodeproj/xcshareddata/xcschemes/ranking.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 29 | 35 | 36 | 37 | 38 | 39 | 44 | 45 | 47 | 53 | 54 | 55 | 56 | 57 | 63 | 64 | 65 | 66 | 75 | 77 | 83 | 84 | 85 | 86 | 87 | 88 | 94 | 96 | 102 | 103 | 104 | 105 | 107 | 108 | 111 | 112 | 113 | -------------------------------------------------------------------------------- /ios/ranking/AppDelegate.h: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | @interface AppDelegate : UIResponder 13 | 14 | @property (nonatomic, strong) UIWindow *window; 15 | 16 | @end 17 | -------------------------------------------------------------------------------- /ios/ranking/AppDelegate.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import "AppDelegate.h" 11 | 12 | #import "RCTBundleURLProvider.h" 13 | #import "RCTRootView.h" 14 | 15 | @implementation AppDelegate 16 | 17 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 18 | { 19 | NSURL *jsCodeLocation; 20 | 21 | jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil]; 22 | 23 | RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 24 | moduleName:@"ranking" 25 | initialProperties:nil 26 | launchOptions:launchOptions]; 27 | rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; 28 | 29 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 30 | UIViewController *rootViewController = [UIViewController new]; 31 | rootViewController.view = rootView; 32 | self.window.rootViewController = rootViewController; 33 | [self.window makeKeyAndVisible]; 34 | return YES; 35 | } 36 | 37 | @end 38 | -------------------------------------------------------------------------------- /ios/ranking/Base.lproj/LaunchScreen.xib: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 21 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /ios/ranking/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "size" : "20x20", 6 | "scale" : "2x" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "size" : "20x20", 11 | "scale" : "3x" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "size" : "29x29", 16 | "scale" : "2x" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "size" : "29x29", 21 | "scale" : "3x" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "size" : "40x40", 26 | "scale" : "2x" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "size" : "40x40", 31 | "scale" : "3x" 32 | }, 33 | { 34 | "idiom" : "iphone", 35 | "size" : "60x60", 36 | "scale" : "2x" 37 | }, 38 | { 39 | "idiom" : "iphone", 40 | "size" : "60x60", 41 | "scale" : "3x" 42 | } 43 | ], 44 | "info" : { 45 | "version" : 1, 46 | "author" : "xcode" 47 | } 48 | } -------------------------------------------------------------------------------- /ios/ranking/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | APPL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | LSRequiresIPhoneOS 24 | 25 | UILaunchStoryboardName 26 | LaunchScreen 27 | UIRequiredDeviceCapabilities 28 | 29 | armv7 30 | 31 | UISupportedInterfaceOrientations 32 | 33 | UIInterfaceOrientationPortrait 34 | UIInterfaceOrientationLandscapeLeft 35 | UIInterfaceOrientationLandscapeRight 36 | 37 | UIViewControllerBasedStatusBarAppearance 38 | 39 | NSLocationWhenInUseUsageDescription 40 | 41 | NSAppTransportSecurity 42 | 43 | 44 | NSExceptionDomains 45 | 46 | localhost 47 | 48 | NSExceptionAllowsInsecureHTTPLoads 49 | 50 | 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /ios/ranking/main.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | 12 | #import "AppDelegate.h" 13 | 14 | int main(int argc, char * argv[]) { 15 | @autoreleasepool { 16 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /ios/rankingTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /ios/rankingTests/rankingTests.m: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2015-present, Facebook, Inc. 3 | * All rights reserved. 4 | * 5 | * This source code is licensed under the BSD-style license found in the 6 | * LICENSE file in the root directory of this source tree. An additional grant 7 | * of patent rights can be found in the PATENTS file in the same directory. 8 | */ 9 | 10 | #import 11 | #import 12 | 13 | #import "RCTLog.h" 14 | #import "RCTRootView.h" 15 | 16 | #define TIMEOUT_SECONDS 600 17 | #define TEXT_TO_LOOK_FOR @"Welcome to React Native!" 18 | 19 | @interface rankingTests : XCTestCase 20 | 21 | @end 22 | 23 | @implementation rankingTests 24 | 25 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test 26 | { 27 | if (test(view)) { 28 | return YES; 29 | } 30 | for (UIView *subview in [view subviews]) { 31 | if ([self findSubviewInView:subview matching:test]) { 32 | return YES; 33 | } 34 | } 35 | return NO; 36 | } 37 | 38 | - (void)testRendersWelcomeScreen 39 | { 40 | UIViewController *vc = [[[[UIApplication sharedApplication] delegate] window] rootViewController]; 41 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 42 | BOOL foundElement = NO; 43 | 44 | __block NSString *redboxError = nil; 45 | RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 46 | if (level >= RCTLogLevelError) { 47 | redboxError = message; 48 | } 49 | }); 50 | 51 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 52 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 53 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 54 | 55 | foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) { 56 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 57 | return YES; 58 | } 59 | return NO; 60 | }]; 61 | } 62 | 63 | RCTSetLogFunction(RCTDefaultLogFunction); 64 | 65 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 66 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 67 | } 68 | 69 | 70 | @end 71 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-grading", 3 | "version": "1.0.3", 4 | "scripts": { 5 | "start": "react-native start", 6 | "ios": "react-native run-ios", 7 | "android": "react-native run-android", 8 | "test": "jest", 9 | "coverage": "cat ./coverage/lcov.info | coveralls" 10 | }, 11 | "main": "Grading/index.js", 12 | "author": { 13 | "name": "wytiny", 14 | "url": "http://wytiny.com" 15 | }, 16 | "maintainers": [ 17 | { 18 | "name": "wytiny", 19 | "email": "zjutiny@gmail.com" 20 | } 21 | ], 22 | "bugs": { 23 | "url": "https://github.com/Tinysymphony/react-native-score/issues" 24 | }, 25 | "homepage": "https://github.com/Tinysymphony/react-native-score#readme", 26 | "dependencies": {}, 27 | "devDependencies": { 28 | "babel-jest": "18.0.0", 29 | "babel-preset-react-native": "1.9.1", 30 | "coveralls": "^2.11.15", 31 | "cz-conventional-changelog": "^1.2.0", 32 | "enzyme": "^2.7.0", 33 | "istanbul": "^0.4.5", 34 | "jest": "18.0.0", 35 | "jsdom": "^9.9.1", 36 | "react": "^15.4.2", 37 | "react-addons-test-utils": "^15.4.2", 38 | "react-dom": "^15.4.2", 39 | "react-native": "^0.40.0", 40 | "react-test-renderer": "^15.4.2" 41 | }, 42 | "config": { 43 | "commitizen": { 44 | "path": "./node_modules/cz-conventional-changelog" 45 | } 46 | }, 47 | "jest": { 48 | "preset": "react-native", 49 | "verbose": true, 50 | "collectCoverage": true, 51 | "moduleFileExtensions": [ 52 | "js", 53 | "json" 54 | ] 55 | }, 56 | "license": "MIT" 57 | } 58 | --------------------------------------------------------------------------------