{"_id":"@andersnormal/react-native-ios-kit","_rev":"1-72bbf3d76302daaa9204ddddfd3657a0","name":"@andersnormal/react-native-ios-kit","dist-tags":{"latest":"0.0.7"},"versions":{"0.0.7":{"name":"@andersnormal/react-native-ios-kit","version":"0.0.7","description":"The missing React Native UI Kit for iOS.","main":"src/index.js","scripts":{"flow":"flow","lint":"eslint src","test":"jest","ci":"npm run lint && npm run flow && npm test","build-assets":"./bin/build_assets.sh","precommit":"lint-staged","docs:build":"cd website && yarn run build","docs:watch":"cd website && yarn run start"},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/callstack/react-native-ios-kit.git"},"license":"MIT","bugs":{"url":"https://github.com/callstack/react-native-ios-kit/issues"},"homepage":"https://github.com/callstack/react-native-ios-kit#readme","peerDependencies":{"react":"*","react-native":"*","react-native-vector-icons":"*"},"devDependencies":{"babel-cli":"^6.18.0","babel-eslint":"^8.0.1","babel-jest":"^21.2.0","babel-plugin-flow-react-proptypes":"^6.1.0","babel-preset-react-native":"^4.0.0","eslint":"^4.8.0","eslint-config-airbnb":"^16.0.0","eslint-config-prettier":"^2.6.0","eslint-plugin-babel":"^4.1.2","eslint-plugin-flowtype":"^2.39.1","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"^6.0.2","eslint-plugin-prettier":"^2.3.1","eslint-plugin-react":"^7.4.0","eslint-plugin-react-native":"^3.1.0","flow-bin":"^0.53.0","husky":"^0.14.3","jest":"^21.2.1","lint-staged":"^4.2.3","prettier":"^1.7.4","react":"^16.0.0","react-native":"^0.58.3","react-native-vector-icons":"^4.4.2","react-test-renderer":"^16.0.0","svgexport":"^0.3.2"},"jest":{"preset":"react-native","testPathIgnorePatterns":["/node_modules/","/dist/"]},"dependencies":{"color":"^2.0.1","lodash":"^4.17.4","prop-types":"^15.6.0"},"lint-staged":{"src/**/*.{js,jsx,json,css}":["prettier --single-quote --trailing-comma es5 --write './src/**/*.js'","git add"]},"gitHead":"66c4155358f7dcfe18e5a1ec3c481355ddf7d722","_id":"@andersnormal/react-native-ios-kit@0.0.7","_npmVersion":"6.4.1","_nodeVersion":"11.4.0","_npmUser":{"name":"katallaxie","email":"sebastian@katallaxie.me"},"dist":{"integrity":"sha512-c+BGIWVqBIBeSRhZy9fw9uU7aVfOBSw4dt4NVGiBqLWctkxNxiD0rVzzGMSH4pRfB7W0MFL/YzTN5aaUWiVoyQ==","shasum":"2449e6b5a3c9b8c3e35f54c95818ed2a993987bf","tarball":"https://registry.npmjs.org/@andersnormal/react-native-ios-kit/-/react-native-ios-kit-0.0.7.tgz","fileCount":48,"unpackedSize":291324,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcWLf1CRA9TVsSAnZWagAAtoQQAJfUp/W6HjaIJmB6RgcM\nDppWQpvh9voh8rJf1ClByHvMz0hAsS/O4menI9pZ6dgsLhbMEPmxP0pItxVP\nRjDyagHrjVL1kb/1dWQs6F/kzXj8MIjp0k7fuxa13glI1z7XOPlX3jSTl9cV\n7ThsZ/boNHtNA6IwPkPjDMPSIhGhOh1sRxj+KprLQg4vfwlUCse0ipmPBLlk\nlu3FIITybVbQHeGU1uWw6JS+QcuK5AIU78FImIW2kjfxh95Jc7jSrctpfKrv\ns7UwR/BWqwzC7R87aUUozzkF+RpQGH9toQsnbaqmPqxTfogjnUHU4F1txf/2\nWjAkAh9gEWS3cFdhBOCibhOM7bLa5rvRYZJN9D+3vBo/07QVExYjSCJE5qZ0\namT1w+Hcphj1Eu8zmXFwpnMKSspTrkf6FK1sr2hUtkiO7P3cW3EZc9tAi+6H\nbmt+yHlG4raptbklRHrIukhY47b9PJZODtyAXoDE8LXtUzHwk4g0tTnKE/LJ\nSgMm9vdErvXblWIPwZWbY8iD8MiWEbQCBpE8G+J1Kpxjegctvx/x1IV7sapX\n1T3FgZLYOJcB9PuEf0HAFAkVbSlhT1AQQtl5N9x1gr8WVfUqXjrAO0IvRoIx\n0zSJm6jAMTaJiUG2fnWu18F4Dw+JSQtf82oD1QEoPOp6v7nPicDH4OXmog5a\nQsxY\r\n=xty9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8Y8jqTRo4eTYdlX9VL8K5DOechN8KD5a+XegRXz8WYAIgBfxVqpK8WwF+Amht1AM3RiHkJSyXi0ZhIOtxuWP+MwQ="}]},"maintainers":[{"name":"katallaxie","email":"sebastian@katallaxie.me"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-ios-kit_0.0.7_1549318132841_0.53310395414227"},"_hasShrinkwrap":false}},"time":{"created":"2019-02-04T22:08:52.663Z","0.0.7":"2019-02-04T22:08:52.981Z","modified":"2022-04-04T13:58:05.736Z"},"maintainers":[{"name":"katallaxie","email":"sebastian@katallaxie.me"}],"description":"The missing React Native UI Kit for iOS.","homepage":"https://github.com/callstack/react-native-ios-kit#readme","repository":{"type":"git","url":"git+https://github.com/callstack/react-native-ios-kit.git"},"bugs":{"url":"https://github.com/callstack/react-native-ios-kit/issues"},"license":"MIT","readme":"

\n \"react-native-ios-kit\"\n

\n
\n

\n The missing React Native UI Kit for iOS.\n

\n\n---\n\n[![Build Status][build-badge]][build]\n[![Version][version-badge]][package]\n[![MIT License][license-badge]][license]\n\n[![Chat][chat-badge]][chat]\n[![tweet][tweet-badge]][tweet]\n\n## Features\n\nYou can find documentation with all list of features and components [here](https://callstack.github.io/react-native-ios-kit)\n\n## Try it out\n\n```sh\ncd example && npm run ios\n```\nor run the [example app](https://expo.io/@mobile-dev/react-native-ios-kit) with [Expo](https://expo.io/) to see it in action.\n\n\n## Getting Started\n\n### Installation\n\nOpen a Terminal in your project's folder and run\n\n```sh\n yarn add react-native-ios-kit react-native-vector-icons\n```\nAfter installation, you'll need to link [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons).\n\n\n### Usage\n\nWrap your root component in **ThemeProvider** from **react-native-ios-kit**.\n\nIt's a good idea to wrap the component which is passed to **AppRegistry.registerComponent**.\n\nExample:\n\n```javascript\nimport * as React from 'react';\nimport { AppRegistry } from 'react-native';\nimport { ThemeProvider } from 'react-native-ios-kit';\nimport App from './src/App';\n\nfunction Main() {\n return (\n \n \n \n );\n}\n\nAppRegistry.registerComponent('main', () => Main);\n```\n\nThe **ThemeProvider** component provides the theme to all the components in the framework. It also acts as a portal to components which need to be rendered at the top level.\n\n### Customization\n#### Main theme for application\n\nYou can provide a custom theme to customize the colors, fonts etc. with the **ThemeProvider** component.\nCheck the [Theme Type](https://callstack.github.io/react-native-ios-kit/docs/theme.html) to see what customization options are supported.\n\nExample:\n\n```javascript\nimport * as React from 'react';\nimport { AppRegistry } from 'react-native';\nimport { DefaultTheme, ThemeProvider } from 'react-native-ios-kit';\nimport color from 'color';\nimport App from './src/App';\n\nconst theme = {\n ...DefaultTheme,\n primaryColor: 'tomato',\n primaryLightColor: color('tomato').lighten(0.2).rgb().string(),\n disabledColor: 'yellow',\n};\n\nfunction Main() {\n return (\n \n \n \n );\n}\n```\n\n#### Customization per component\n\nYou can also customize theme per one component by using `theme` prop.\n\nExample:\n```javascript\n \n```\nThis code will change icon color to `green`\n\n\n\n[build-badge]: https://img.shields.io/circleci/project/github/callstack/react-native-ios-kit/master.svg?style=flat-square\n[build]: https://circleci.com/gh/callstack/react-native-ios-kit\n[version-badge]: https://img.shields.io/npm/v/react-native-ios-kit.svg?style=flat-square\n[package]: https://www.npmjs.com/package/react-native-ios-kit\n[license-badge]: https://img.shields.io/npm/l/react-native-ios-kit.svg?style=flat-square\n[license]: https://opensource.org/licenses/MIT\n[chat-badge]: https://img.shields.io/discord/426714625279524876.svg?style=flat-square&colorB=758ED3\n[chat]: https://discord.gg/zwR2Cdh\n[tweet-badge]: https://img.shields.io/badge/tweet-%23react--native--ios--kit-blue.svg?style=flat-square&colorB=1DA1F2&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAAAAXNSR0IArs4c6QAAAaRJREFUOBGtlM8rBGEYx3cWtRHJRaKcuMtBSitxkCQ3LtzkP9iUUu5ODspRHLhRLtq0FxeicEBC2cOivcge%2FMgan3fNM8bbzL4zm6c%2BPT%2Fe7%2FO8887svrFYBWbbtgWzsAt3sAcpqJFxxF1QV8oJFqFPFst5dLWQAT87oTgPB7DtziFRT1EA4yZolsFkhwjGYFRO8Op0KD8HVe7unoB6PRTBZG8IctAmG1xrHcfkQ2B55sfI%2ByGMXSBqV71xZ8CWdxBxN6ThFuECDEAL%2Bc9HIzDYumVZ966GZnX0SzCZvEqTbkaGywkyFE6hKAsBPhFQ18uPUqh2ggJ%2BUor%2F4M%2F%2FzOC8g6YzR1i%2F8g4vvSI%2ByD7FFNjexQrjHd8%2BnjABI3AU4Wl16TuF1qANGll81jsi5qu%2Bw6XIsCn4ijhU5FmCJpkV6BGNw410hfSf6JKBQ%2FUFxHGYBnWnmOwDwYQ%2BwzdHqO75HtiAMJfaC7ph32FSRJCENUhDHsLaJkL%2FX4wMF4%2BwA5bgAcrZE4sr0Cu9Jq9fxyrvBHWbNkMD5CEHWTjjT2m6r5D92jfmbbKJEWuMMAAAAABJRU5ErkJggg%3D%3D\n[tweet]: https://twitter.com/intent/tweet?text=Check%20out%20react-native-ios-kit!%20https://github.com/callstack/react-native-ios-kit%20%F0%9F%91%8D\n","readmeFilename":"README.md"}