{"_id":"react-native-textinput-effects","_rev":"20-7559e82f653a1cac62b1e8302f2e7707","name":"react-native-textinput-effects","description":"TextInput effects for react native","dist-tags":{"latest":"0.6.3"},"versions":{"0.1.0":{"name":"react-native-textinput-effects","version":"0.1.0","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","gitHead":"a80d6469c6fc7948f6439748a29291518d6bcbae","_id":"react-native-textinput-effects@0.1.0","_shasum":"009701876bffa0553bf8833235d767b4d150cb03","_from":".","_npmVersion":"3.7.3","_nodeVersion":"4.2.1","_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"dist":{"shasum":"009701876bffa0553bf8833235d767b4d150cb03","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.1.0.tgz","integrity":"sha512-CrygVY1j2SljhDP0RpTX4WCFIZMZXq+sGHmk5pI4fBBgOuwsUFFMvaxMTGuEzh6zMNnU3/9eb4u3UlWJokFzcw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBwFSrZKh7vQFxlycv7fZhUJAGL9QgtTY8rigC+jmxgCAiEAiqVE8+MwYXwkguJ1nHJfQmk0dAU0F71ud+TrbsRC+MI="}]},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/react-native-textinput-effects-0.1.0.tgz_1467637226075_0.6993961397092789"},"directories":{}},"0.1.1":{"name":"react-native-textinput-effects","version":"0.1.1","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","gitHead":"088df45999d2a24176e553e8510c662ee2e6c6c4","_id":"react-native-textinput-effects@0.1.1","_shasum":"d2b9d5273fa1667dc097e8e52475e2a984c78f1e","_from":".","_npmVersion":"3.7.3","_nodeVersion":"4.2.1","_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"dist":{"shasum":"d2b9d5273fa1667dc097e8e52475e2a984c78f1e","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.1.1.tgz","integrity":"sha512-ZupGVpLw5CsnSh91Sc6g1Mq6HcWKovc9hUAamQm5i3el5gGY/VgflJ7e2K6yvWq7eIVaiF/j1sct416Ca2LsjQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMGasGA7pxl75ZgjJZ6fumNM/MDohtwGJzodpA7CdrNAIgP/3YdBElbRtDtU6nS8gGLqhVKt1hflbzLZcTki989k4="}]},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/react-native-textinput-effects-0.1.1.tgz_1467637294072_0.6340545401908457"},"directories":{}},"0.1.2":{"name":"react-native-textinput-effects","version":"0.1.2","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","gitHead":"8e5e4c8494ee0314b1e9dcccb98cfacf9ff83dd1","_id":"react-native-textinput-effects@0.1.2","_shasum":"ffdde9badb5d9c07abef20bf9ef08c5a3c9d3d58","_from":".","_npmVersion":"3.7.3","_nodeVersion":"4.2.1","_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"dist":{"shasum":"ffdde9badb5d9c07abef20bf9ef08c5a3c9d3d58","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.1.2.tgz","integrity":"sha512-pmI4+avk/kjfLnAOru1PvHVI7um+v6Z9CPdNBHyxPRrAdiirgqxjqrV6zIh/IrX4WHoEnkRoFjHxhlrMjWECtQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHgV+gh/lnPcfoFU8Bqz9J6iuidsd1YdEd5mQxd7jtD/AiEA56DFwNH+EcsSqOT2SrqGzhwctNhvoxEqfU60oeVrKgk="}]},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/react-native-textinput-effects-0.1.2.tgz_1468487904040_0.7941904959734529"},"directories":{}},"0.1.3":{"name":"react-native-textinput-effects","version":"0.1.3","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","gitHead":"57e938089753687a3652886d03a63305a66cf082","_id":"react-native-textinput-effects@0.1.3","_shasum":"cda9b0398e0ab542a76c85ffc5b1ecd365fff5ac","_from":".","_npmVersion":"3.7.3","_nodeVersion":"4.2.1","_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"dist":{"shasum":"cda9b0398e0ab542a76c85ffc5b1ecd365fff5ac","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.1.3.tgz","integrity":"sha512-4VBPs8Xi1nrWPbwDHaAN6udfubiC+FKkMkFBFD+XLOnZJvsShrP1zBTRXxc+RsdOLXJuWnqJxV86Dmax0Z1TgA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHi4sZcSHcREevfhWjQgoXaE8Q2blDKQlH5PLVaHRK1BAiBEnt1Upsp5C+sHy+mqY8v1MaxhXK8F/tFKkRpBYLYUhg=="}]},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/react-native-textinput-effects-0.1.3.tgz_1469524017112_0.4438243724871427"},"directories":{}},"0.2.0":{"name":"react-native-textinput-effects","version":"0.2.0","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","gitHead":"6aa072dd43d37343b500d4bccb171f9588ac817d","_id":"react-native-textinput-effects@0.2.0","_shasum":"175c66c9f6c3bfd6de464773c952cf4ac43008ee","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.3.1","_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"dist":{"shasum":"175c66c9f6c3bfd6de464773c952cf4ac43008ee","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.2.0.tgz","integrity":"sha512-AmFiSmDYlRw0O2bTZlEgl/GE7+0jL7F4WDb0lInmjZd+xDzv6zQZrj33v6O4TaijkVy6+GQs4Uq5UWW4s+Nnyw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDEfLpmd1XFOPQr2dnSL8Nxn/tQxLEn9jvYniGeyW6h7wIgAaCuvOIgagByYnXafGH6L1Xb3xCebIfljCG5QxCBuRg="}]},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/react-native-textinput-effects-0.2.0.tgz_1479497145286_0.5595468552783132"},"directories":{}},"0.3.0":{"name":"react-native-textinput-effects","version":"0.3.0","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","gitHead":"54636a44deff9c317aa011bc29c89f7c35e37e5c","_id":"react-native-textinput-effects@0.3.0","_shasum":"d78d5990349ccd549a06657afb308e2dd05307f3","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.3.1","_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"dist":{"shasum":"d78d5990349ccd549a06657afb308e2dd05307f3","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.3.0.tgz","integrity":"sha512-Ck69E4EFUL1S6DMEi8POMgRCd7qlvcBuAUNIQJj0aFWsOsQUc99QXlcvw6mLQ7P4t+ivdAsGo/YNMFc46rzyvQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICK71b0nAsYQBOGlcSCXG2X/VG60A1ac3GXPbGq4qMRDAiEA9z2lN3WMKyahNfHH1BigfZ2UAnxSXKxho9QVn+z41lo="}]},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/react-native-textinput-effects-0.3.0.tgz_1481140884245_0.6354175538290292"},"directories":{}},"0.3.1":{"name":"react-native-textinput-effects","version":"0.3.1","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","gitHead":"6df43ad049f1c7d13ba48c1850cb8efd7eaff7e2","_id":"react-native-textinput-effects@0.3.1","_shasum":"75e3733dd3b01cc6fae8c7abef2ea2228058409f","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.3.1","_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"dist":{"shasum":"75e3733dd3b01cc6fae8c7abef2ea2228058409f","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.3.1.tgz","integrity":"sha512-AToUbNqoK9DbCpPuJpAuL4ohEnJJP5vzrvQ4sdkOSVYpGV005MwKnCbbhZBRewdpxpeWDUQqwyusXNDs05S+9g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6f20JeFooYO3tERzwN8XoGAc6/HZitWZjApKCLDRrIAIhAPTQy1GRRdRazx3fjfTTLTavz4zFe/JfRTaBtGRurhtI"}]},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/react-native-textinput-effects-0.3.1.tgz_1493827879232_0.042727024061605334"},"directories":{}},"0.4.0":{"name":"react-native-textinput-effects","version":"0.4.0","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","gitHead":"db21530082990955b6ded75a038ba105e0eaf711","_id":"react-native-textinput-effects@0.4.0","_shasum":"96c27e8fb8a5e95a0e3fc46aaa23c071c4e8be15","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.3.1","_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"dist":{"shasum":"96c27e8fb8a5e95a0e3fc46aaa23c071c4e8be15","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.4.0.tgz","integrity":"sha512-NRMiyydT0xx3mRiX3npJbtBP4e25Y99p0nl60Ym+S2gJetBsGamkVLXGR5apxj37xpwRxwhqDhZY761lNBeQ/Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFT2pCwCNSsa1jqjCrbI+b5T2v80hMg3/CaF5J7YNTTFAiEA5s/R8oWuTAu4fpGUzWUzFrs6VWmtKrQ7XsG1IcVdv+8="}]},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-textinput-effects-0.4.0.tgz_1500030128229_0.09495013277046382"},"directories":{}},"0.4.1":{"name":"react-native-textinput-effects","version":"0.4.1","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","gitHead":"d9972e4cc9a219d4b092aa625f5d5ca764437a89","_id":"react-native-textinput-effects@0.4.1","_shasum":"9e2ed0397ec6728f432a6c21ad8e9377e3df9e50","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.2","_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"dist":{"shasum":"9e2ed0397ec6728f432a6c21ad8e9377e3df9e50","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.4.1.tgz","integrity":"sha512-3F47sZ5t6v+qwLnHHImnwMWkR4U5fjcFuCVWg3V/f1fvgQSiMuqWPSxNXwbeYBu/cBGGsaFoOH3xXSha7rd/eA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCeNyUHWehJNh5ty4egB3byNOWq/ZTmOwR3Kkddb0DwPQIhAJt7o4lqGR+Pp4OYdzgFDtlloBUMEzOUBj2Hlqzc1LpL"}]},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-textinput-effects-0.4.1.tgz_1506866083339_0.9476503029000014"},"directories":{}},"0.4.2":{"name":"react-native-textinput-effects","version":"0.4.2","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","gitHead":"24dd029cf31d33597a69d54ca080a06443887eff","_id":"react-native-textinput-effects@0.4.2","_shasum":"05336a8ed9e4992397fc5de714692d774eb91b07","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.2","_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"dist":{"shasum":"05336a8ed9e4992397fc5de714692d774eb91b07","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.4.2.tgz","integrity":"sha512-f/auPvWkebiXB5+Q7Zin0Q94I6hN2rkFwCcLjMXd9/pm2KNsKccwNtTmTPyH6Qy1dp2SLeg38qYil09aeg+8fw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF95wH8rK46g2Q+3BgjIl8qfeeUgtZ27lyu7UiI/JDrEAiEAyJuqxMdjnXZgfQT4PfZkI3TC741Lw98LKUVRYVKlz0I="}]},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-textinput-effects-0.4.2.tgz_1511114322396_0.6705572374630719"},"directories":{}},"0.5.0":{"name":"react-native-textinput-effects","version":"0.5.0","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","gitHead":"431ab966e5d797f21e97fe4fbec46661a202f156","_id":"react-native-textinput-effects@0.5.0","_npmVersion":"5.6.0","_nodeVersion":"8.11.1","_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"dist":{"integrity":"sha512-OPbVQuVBDLPpK3vfI9rNi6cAbx8HB2eN3vrTAD65A8L46wEvuIkWe90CWn+4FLnobTxkJyM80yxoFi0BZgN1Mw==","shasum":"affa4ddac486b6f9df6bb2791a133d1536912699","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.5.0.tgz","fileCount":17,"unpackedSize":58323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcXYKgCRA9TVsSAnZWagAA5GwP/Rebsv/NxmDlhXWceWJI\nEV1aya5DUA2U74zZ40C9GmNB1Y7za3r1CzE12iQCpBZtDhVQUaFntqR0l8+O\nGRSUseLbyVf7m44UI5Nlu6ShKrNQuWb3NbN3Uo5GsIPY2uowaAcjvgVM6nv8\nVFtWJm9RI0s/6V7XzXsWZikp1PhdpkQt+yZvbm1pg+U/EnWp3SwPLHJsFuVC\ng2AXngE0pqLMRMus8VLRwyC4Lnaz0YqazUemOuX7DCPXfdZfi3wYQbLtz8fU\ntE+EDs9hVwFfrHUt0VDGu2PtIACBK+ZhWYxVukAnqm2totygbHkJmSdzHfmx\n3vJTGZ93hMaPrUYtVWuY/iWzrIwDl58eOhjIhBOSxTfFGsKPI7kiP4NLOB+l\nXl32tdevqqsznC2U9gpe/XD933aEUmzS6L+8wiWxf2T6iqhk5HAUK331exj7\nXIG5eh1Tk45gyXXCCOombK6/NRP215WrJybRECFtBlIpClF4mczFzzudGQix\nfqMmrG7+ZaskHwJLQ8bpnqmnrfLcXMTVNs6l0Zfv9jkh3TTLxHaQ9YP4njUC\nbsVRo+JYh+a5B3jgKh//6kqxf/83e/k550wfX8v5OgZo11LJGY18LgwKYCva\nTRQCwb+xbRz41ct8KTqIRALK8BeRxQeZPuzhHy3XvhaNJSjZzGUs9BsXde7k\nVVXt\r\n=gJcv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCiDQhk3aFRX0KgXbLzt2C9zVvUbOsTJA0iaVRkCi/EwIgfdihb0A+fYsEgNY1p3S/jSviKoY1w8FK6l3oWk7c5iw="}]},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-textinput-effects_0.5.0_1549632159801_0.6964689675930871"},"_hasShrinkwrap":false},"0.5.1":{"name":"react-native-textinput-effects","version":"0.5.1","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","gitHead":"f3f785a162d024ee7962d8e86b4fb63c507e0688","_id":"react-native-textinput-effects@0.5.1","_npmVersion":"5.6.0","_nodeVersion":"8.11.1","_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"dist":{"integrity":"sha512-9ywFH1S4WV/IkYcGwFYZrOYx5j84WvbhzWbLO52rN1PxgjI1tfZu8c5Ju8fsA7eLKuXt7YRen4iVTYYahrFq1w==","shasum":"52b54bb56b58a4b67b5d3fa4ffccba3d288cd8c9","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.5.1.tgz","fileCount":17,"unpackedSize":58621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcaoxgCRA9TVsSAnZWagAAXJEP/ibCeCojQ5OflVwz0kEh\npZftCbsfJQk9bYIf2uPZAqnlWnN5E8td+uIqUQDRbSXMd8GMIE/VkKVPpjnc\n9rO7VT6GHlasclDbYPNcZ0TrOYIPxWyGOHeOcTaaKZI3nhHAaGOEAKdMR6Kg\nHhC+K4bLkQsUQV1xB5ird/vUyEHDZ2KULn63EhqKJnkSaYj+R3TCbS060xKX\nnKiFz6Vir/h3pUTMjBbS1hHduYvCgrinv4wzBiN+9KjQRLelSWSDhncH6h6U\nV2uvgJVGQaWIXI7CejsARkzjMrC2rTKCGLNV+jazo/5vVK4KANGZr9/SEH/F\nV0QSeCum4dbJMGF+FYKFgfkbNyKtm4jKW4mklYnm/g2vmYnLEyf2pSMcrdFx\nlNIbJeLfr714Tr3W06ivRWXUmYtDfcZmgOs1cJnddF42enGcmlrNmedhrjmR\nKflGcMDz50K/VpzsoN0prA0N8yG0VC3POYTUuXyvlx+/M7I3yUannLhYJjhr\n0ADdT2IfxRlP9kK4RR7CKJOqRJgdI0NsxYV8pwSEPJJl9KiRvowEMcuV2TrA\nhundxc8zZZd6OsuGwVB8ROoXKemr8RhngA0u7LhvbZBiNzUGY2InMCer8QW3\nYe0pH3QuDm/nXmMAbvNsbi7yE5vOiFjHjKIlc+O3+dkbOAM3RIsvdSC8Xpy6\nokYT\r\n=pE8t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFf1yiF7PQ4O7U8QkKQGM4NvrJpstBMmmn7bOcgMIZWVAiBFCxXV77gCWlZjQX8RKPjM7x9pHPsMVMvojsHTg1YOxA=="}]},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-textinput-effects_0.5.1_1550486623938_0.009500951611026265"},"_hasShrinkwrap":false},"0.6.0":{"name":"react-native-textinput-effects","version":"0.6.0","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","types":"types/types.d.ts","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","dependencies":{"@types/react-native-vector-icons":"^6.4.5"},"gitHead":"4b1f243c2033bfc8c0f63b9ff7a632006b414e69","_id":"react-native-textinput-effects@0.6.0","_nodeVersion":"12.12.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-Vmix8SvKn+5oPinFbTiKMPqkMo1hvbInb8VzPE1X0L1nzXq4qnHtOaZw0ESt3tJRGxCN3T/T/nt8s3jtikwBVA==","shasum":"52e3c69fb75a93e764eed3b2c75205e434946c5e","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.6.0.tgz","fileCount":18,"unpackedSize":61745,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJepeIKCRA9TVsSAnZWagAAyJEP/0pE9H6P9O5jMun9p3Br\npWu0FIiAnTu/PfK5OgtaXIwuAtqi5LtrN4gEoxgAPyH+qsZkyEsYZHSNkEop\nNxGl8Hek3bPi9Sm0BAQN7V3NaSgiDWhAyqP8E0nUyLaEZiMmBBCigce2SluC\nkWhAsyUjfQwwn+SN1BvMEMvX7qA0RsV6vZHMjgOCrfAy/0CeWgxnrxoV/YPs\ng/5IQumvnxzafPdCuZT0CWZUM19lhwzA9KjAvra/DLaJiyDL402PToJy6Joj\n1KyAZybj4FnEz6UUXuNmGS38xP6LvhmkDWm0RzyGELFSIDTDy0S1P/uOpbe9\n+YAcC4klA0DVYisk+89wqs8nM0EF+33T4cCMqTJreBUS32LUVq3hasiRQ/Z5\nY5bQ/B45OQtvoZoiVl6qQ+M65aFTedvZOqx/wBK0D/A1XP9SHeQ/2Xb5dyHp\n93FYhTqcBDu/NTXUEFWG2lLNXA6luceCrsxRB0Brff4gLTg5Ro9fcMF38Fhv\nNbynuGo3lRlL/x+2i/PBHz/zzCYqY3vixpAvsJE2ZUcluxP8j/YQ3axkH048\nuXuE5KCmw1OYVStd3QRCIfQ2M06TPM8HRooAfmWM/wXJUjAvZ9IeG4oT70mH\ndHSrfQIYxTIziqovLugKGDmCVIHpSkcy+TetkNPMIuIFfbki9GNAAdHb6L0L\nq+Cq\r\n=dJET\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwurDxYHycxCU0keqIHUHZR5XyZYNoUybWm56yjEFBugIhAIzJ1LjS4Awd1ZySuV4JEobPCt/vduBPAbWG3E1beV+D"}]},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-textinput-effects_0.6.0_1587929609542_0.1629291207333896"},"_hasShrinkwrap":false},"0.6.1":{"name":"react-native-textinput-effects","version":"0.6.1","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","types":"types/types.d.ts","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","dependencies":{"@types/react-native-vector-icons":"^6.4.5"},"gitHead":"00204232c571347482d8af68d5f345389284bff7","_id":"react-native-textinput-effects@0.6.1","_nodeVersion":"12.12.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-L4VCspAvxr6ug1OperVFnairQmSKes4dzRiHRzIOIJ7sJPDEpV3uSuvE5RiuNad6/SaPTLgfsjZSw4t7FWltRg==","shasum":"d639acf50f60cc18242c3de4dd966cc06121d317","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.6.1.tgz","fileCount":19,"unpackedSize":61903,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJepeP7CRA9TVsSAnZWagAAc+kQAIGztCTmKtD83B2ZUEq0\nmQcOmAetDgzXC2xMasccv3umiD0WZW9pvgp5+axrMgzqJ3YiyxRgDQW1mbpK\nvulbgvVQrfUCcL+XySC5FEpRPUR0eNG4e3FJiBHr7Ay2S+p7LkRuqoe+8DJ6\naUgljb5wiDAi9GPDEhNrpv3P7qMJeS4ArxkKTF7h8vugOs5d6UbQQOiW69x5\nHsH/SOc116zh4QpVEz7H2uTE78nQ+I6RVzHBq2Pd6ZDjYvbGIeihCE03rxIX\nfMo2ChBXQYke+2c3vCHCfgd9upG1zOLP3tOkOMdLi1DnXSYqFKWsyRNf7D+w\nHsYMiaclgWsemYsrXLnQeo54JJGurOvlRpeMLpu/CT5HjNoTwZvC8q7zrHuG\nZF6NVGRUOAFTee/9OcQuUakbeDVXsZJkgyoH0kqOzqxNRO1C91QVWyQK2fcj\nj1D10c96hcL71BxNd1EFR/v4f45mq5MyUkTWwdtppJBbO4KjTDcQRo8piu3c\nfu80ndWn54dN+Ta9rhCv9tr2r3mjAG3qbX0ZSUynlyNsyL4QztLZE849myho\nB2hpPr0thBwiVHH/+L/PhnWUf0oC8z9HBTHhqrm6LxNuDxGwWj00a0jS7C+y\n+IFnuCLK9mwSDtOq2FjNbFeTEcsCaQd2L//0IiN3JHBDd8TFbHmFNlM5WibR\nv783\r\n=Y2gr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICdaWcwSt0mhDz5htVJumhGOHlruApfUBJbl/cmquNjOAiEAt9LJidoFaoO8YDQ2mkcLieVJI1PAieRGA7Wh1o9DQ7s="}]},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-textinput-effects_0.6.1_1587930106626_0.05151777447697925"},"_hasShrinkwrap":false},"0.6.2":{"name":"react-native-textinput-effects","version":"0.6.2","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","types":"types/types.d.ts","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","dependencies":{"@types/react-native-vector-icons":"^6.4.5"},"gitHead":"1498ef37cfa7f67bd28ddb83616223f9d8d18b78","_id":"react-native-textinput-effects@0.6.2","_nodeVersion":"12.12.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-ecy3jyCrJemePqq31M+wACfUB3Y8VWiY1mtwuhr3GRIiY2TeGvv+xjpj4xY6gAxXeCtl0Am1F182nLNKLJXx9Q==","shasum":"8b2590966eb9b8fb8781735f54df8ba2151769ff","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.6.2.tgz","fileCount":19,"unpackedSize":62271,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwHIVCRA9TVsSAnZWagAAg1IP/Aij6QR1K7oZnEYhE/JR\n4UykapTCnKxenREBc3tkPNJovkaReng8/enykq8bo4YeoVgoIOcdKpWYtcLo\n3Bnr/RIwZrS0Gy6ejBfNJGlmvGOO00/Sh64EeDFT1AvI53MSWwaekfkcwQUA\n5UBc01fnV9y8pU73C/iO6kT8ZeIgWUUOJq5K4WZTVd7IkxYFcUzyxjR3eB4i\nCWMUImi9daxqey5BSsfancYvOFrze+U48Qy5m2owI6Dni1BSVjv4Dg0cRsJC\n82/seMQ/fCQlV7snuHYqgmeMb3aAudJ3zOlj+oIPh1kBnSZyKsit1KNvHCF4\nB0quflc7uduMPRxrwLMebr2Q3DQm4fhx2CS+MKw79R5URNnZoJ/1t+2bQ5Uh\nBgceiA/SiTk4JiP+KZj0cjlUXpQ90cf1a+5FuKzDPDR8oCNvCLwF7A6zV7Ci\n4HCs3itfyC4O9CLgQ72UMQpogICZP0L3Ue2t0dS3a3ompIgR9xCHpDIbJXnI\nN3zIMq8IXw0qPOBkdrQcwja6UTbWktYgEqpBC6wvCCY+jpetG8wSWD0/FjG7\n+jJyiESgbApe/p9TT4qHo65SEI4YJ0/DVL9kI/Xn9suqCjvtDYIbSvGphS+t\np5RzHg9s6Baz+nK6YF3aoaIfJJtpVBorJQgMu25tbfoz5h+Vs7wf16gFMSD3\nN3s0\r\n=jAQu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBDcyR8y20Dw5jfiEhoJiECyUaZZhp2qpopshgfjlPGFAiBjZXHcxsWnIx+oQLWkwr3Y1Z8wokp9Fyedvu+cWQp4+g=="}]},"_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"directories":{},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-textinput-effects_0.6.2_1623224853704_0.8387687136898598"},"_hasShrinkwrap":false},"0.6.3":{"name":"react-native-textinput-effects","version":"0.6.3","description":"TextInput effects for react native","license":"MIT","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"main":"lib/index.js","types":"types/types.d.ts","scripts":{},"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","dependencies":{"@types/react-native-vector-icons":"^6.4.5"},"gitHead":"5beafa7ae492c966440a4cd9cf946f15ceb3a060","_id":"react-native-textinput-effects@0.6.3","_nodeVersion":"18.5.0","_npmVersion":"8.12.1","dist":{"integrity":"sha512-WGLKR0cshSRTS2+65WFfHmU26UHKoNQQzqe1H1agUSiO3WUJvKTLGZu6DMrwLko90tjuWt2RQsXINs6iFFe2mg==","shasum":"dcfb273d2b04235f308216d06a965ac1746a66f2","tarball":"https://registry.npmjs.org/react-native-textinput-effects/-/react-native-textinput-effects-0.6.3.tgz","fileCount":18,"unpackedSize":62199,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJumvsiQf/inkvdVF3PRZAyjRtuWV6Kmy07ImNVLLdCAIgaVGoQ/WQzVxB/184mSGXK2Up/tume4eI5vsP5At1OsM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8WoxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4Wg/5AK3EAaj7N0OJnHc1OZM1IxPw/n8LAFntkC2RUacTr32LZTLe\r\nNQNi+0TT9tN/9f7zO7zbGiLVfwSPgZo4bl7wVO3d1/zo6mWClGsJOqS1YIIo\r\nBI+D40pBQP/352E6Z14eT6i6KhrILmZALyEFkNacHIWfuupotppMSRD3YkpT\r\nwJJm234f+30J+bqVJtvrlTHBCj402cdlHwDRZmA4h2e65oB/sTb4GYd9tNk4\r\nAjnSfpXfWrXhn9r1VPzclLv590+RmNcdxDdLfDdJ6fCTSFfQd50c0mnaGVTu\r\nnLI5ZUwQrpQ3xFle5yTtOvGbkMohYTM9f3OWMTQiYpCsHZCKiCdLCYPJIxtw\r\nObFJKcmY/HKIu5S6CFlCfJP2gBYRrSQM+qMbDIynayYYP8Kn9NAkpCsMVk9+\r\nqzIxvpWVc7fwefLHw3W+Y/SyjLPhl6qbwYEeaSKwZBibuhRcsVeTm8f3iJm/\r\nFkpLX0mECwHX7ZhO+rY6lszPnQ15ls0WRcxlh2L4A+T2wTO7ouzNAgjtkkr6\r\nhAuLzR5OowBz1XbZaFHl+LXA/DE9cAs659bBFKjEI/vog6qWjv7yWsRdVRHY\r\nEysl1tCD5946rFKiqcfnceMyrRysJwOafNOPfMcKi2DIgTtpYSZz/lKdaxlW\r\n/bPIuzNEtevN/GNrC4NSgfyD4igMVfunu7A=\r\n=CvuJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"halilb","email":"hbilir@gmail.com"},"directories":{},"maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-textinput-effects_0.6.3_1659988529686_0.3313809400232739"},"_hasShrinkwrap":false}},"readme":"# React Native Textinput Effects\n\nI've come across with [those beautiful](http://tympanus.net/Development/TextInputEffects) text inputs created and [blogged](http://tympanus.net/codrops/2015/01/08/inspiration-text-input-effects) by **Codrops** and wanted to port them to react-native. Some of those text fields are now ready to use in iOS and android thanks to react-native.\n\nThere is also a native iOS library called [TextFieldEffects](https://github.com/raulriera/TextFieldEffects) which has built some of them in Swift.\n\n![](screenshots/full.gif)\n\n## Blog Post\n\nI've recently written a blog post about [Creating an Animated TextField with React Native](https://bilir.me/blog/creating-an-animated-textfield-with-react-native). While it isn't directly related to this library, I think you might still find it useful to understand the basics of creating an animated text input with `React Native Animated` library.\n\n## Installation\n\nThe latest version of this project needs **react-native >= 0.55(March 2018 release)** due to **createRef** usage. Go with the latest version:\n\n`$ npm install react-native-textinput-effects --save`\n\nYou can stick with version 0.4 if you have an older react-native version:\n\n`$ npm install react-native-textinput-effects@0.4.2 --save`\n\nYou also need to install [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) if you'd like to use a TextInputEffect component with an icon. Please check out [Installation section](https://github.com/oblador/react-native-vector-icons#installation) on that project.\n\n## How to use\n\n### Common Props\n\n| Prop | Type | Description |\n|---|---|---|\n|**`label`**|String|Displayed as placeholder string of the input.|\n|**`style`**|View Style Object|Applied to the root container of the input.|\n|**`labelStyle`**|View Style Object|Applied to the container of the label view.|\n|**`inputStyle`**|Text Style Object|Applied to the TextInput component.|\n|**`value`**|String|This value will be applied to the TextInput and change it's state on every render. Use this prop if you want a [Controlled Component](https://facebook.github.io/react/docs/forms.html#controlled-components).|\n|**`defaultValue`**|String|If you want to initialize the component with a non-empty value, you can supply a defaultValue prop. This prop creates an [Uncontrolled Component](https://facebook.github.io/react/docs/forms.html#uncontrolled-components) and is only used during initial render.|\n\nYou can also use default [TextInput Props](https://facebook.github.io/react-native/docs/textinput.html#props). They'll be passed into TextInput component. E.g., use `TextInput`'s `onChange` prop to be notified on text changes.\n```js\n<Sae\n  onChangeText={(text) => { this.setState({textValue: text}) }\n/>\n```\n\n### Props for TextInputEffects with an Icon\n\nThis component needs `Icon` component from `react-native-vector-icons` to operate with icons. You should import it before creating a TextInputEffects component.\n\n`import Icon from 'react-native-vector-icons/FontAwesome';`\n\n| Prop | Type | Description |\n|---|---|---|\n|**`iconClass`**|Object|The Icon component class you've imported from react-native-vector-icons.|\n|**`iconName`**|String|Name of the icon that is passed to Icon component.|\n|**`iconColor`**|String|Applied to the Icon component.|\n|**`iconSize`**|Number|Applied to the Icon component.|\n\n\n## Example\n\nSee [TextInputEffectsExample.js](Example/TextInputEffectsExample.js) file.\n\nFollow those steps to run the example:\n\n1. Clone the repo `git clone https://github.com/halilb/react-native-textinput-effects && cd react-native-textinput-effects/Example`\n2. Install dependencies `npm install``\n3. Follow [official instructions](https://facebook.github.io/react-native/docs/getting-started.html) to run the example project in a simulator or device.\n\nYou can also check out the example library without any installation on [Appetize.io](https://appetize.io/app/uhgu1wc1htqfcf7bp812gevr2r?device=iphone6s&scale=75&orientation=portrait&osVersion=9.3)!\n\n## Input Types\n\n### Sae\n\n![](screenshots/sae.gif)\n\n\n```js\nimport FontAwesomeIcon from 'react-native-vector-icons/FontAwesome';\nimport { Sae } from 'react-native-textinput-effects';\n\nconst saeInput = (\n  <Sae\n    label={'Email Address'}\n    iconClass={FontAwesomeIcon}\n    iconName={'pencil'}\n    iconColor={'white'}\n    inputPadding={16}\n    labelHeight={24}\n    // active border height\n    borderHeight={2}\n    // TextInput props\n    autoCapitalize={'none'}\n    autoCorrect={false}\n  />\n);\n```\n\n### Fumi\n\n![](screenshots/fumi.gif)\n\n\n```js\nimport FontAwesomeIcon from 'react-native-vector-icons/FontAwesome';\nimport { Fumi } from 'react-native-textinput-effects';\n\nconst fumiInput = (\n  <Fumi\n    label={'Course Name'}\n    iconClass={FontAwesomeIcon}\n    iconName={'university'}\n    iconColor={'#f95a25'}\n    iconSize={20}\n    iconWidth={40}\n    inputPadding={16}\n  />\n);\n```\n### Kohana\n\n![](screenshots/kohana.gif)\n\nKohana supports [Animated Native Driver](https://facebook.github.io/react-native/docs/animations.html#using-the-native-driver). You can use native driver by passing `useNativeDriver`.\n\n```js\nimport MaterialsIcon from 'react-native-vector-icons/MaterialIcons';\nimport { Kohana } from 'react-native-textinput-effects';\n\nconst kohanaInput = (\n  <Kohana\n    style={{ backgroundColor: '#f9f5ed' }}\n    label={'Line'}\n    iconClass={MaterialsIcon}\n    iconName={'directions-bus'}\n    iconColor={'#f4d29a'}\n    inputPadding={16}\n    labelStyle={{ color: '#91627b' }}\n    inputStyle={{ color: '#91627b' }}\n    labelContainerStyle={{ padding: 20 }}\n    iconContainerStyle={{ padding: 20 }}\n    useNativeDriver\n  />\n);\n```\n\n### Makiko\n\n![](screenshots/makiko.gif)\n\n\n```js\nimport FontAwesomeIcon from 'react-native-vector-icons/FontAwesome';\nimport { Makiko } from 'react-native-textinput-effects';\n\nconst makikoInput = (\n  <Makiko\n    label={'Comment'}\n    iconClass={FontAwesomeIcon}\n    iconName={'comment'}\n    iconColor={'white'}\n    inputPadding={16}\n    inputStyle={{ color: '#db786d' }}\n  />\n);\n```\nNote: Icon component expands and covers the input. So, the icon should not have any blank spaces for the animation experience. This is the limitation for Makiko.\n\n### Isao\n\n![](screenshots/isao.gif)\n\n\n```js\nimport { Isao } from 'react-native-textinput-effects';\n\nconst isaoInput = (\n  <Isao\n    label={'First Name'}\n    // this is applied as active border and label color\n    activeColor={'#da7071'}\n    // active border height\n    borderHeight={8}\n    inputPadding={16}\n    labelHeight={24}\n    // this is applied as passive border and label color\n    passiveColor={'#dadada'}\n  />\n);\n```\n\n### Hoshi\n\n![](screenshots/hoshi.gif)\n\n\n```js\nimport { Hoshi } from 'react-native-textinput-effects';\n\nconst hoshiInput = (\n  <Hoshi\n    label={'Town'}\n    // this is used as active border color\n    borderColor={'#b76c94'}\n    // active border height\n    borderHeight={3}\n    inputPadding={16}\n    // this is used to set backgroundColor of label mask.\n    // please pass the backgroundColor of your TextInput container.\n    backgroundColor={'#F9F7F6'}\n  />\n);\n```\n\n### Jiro\n\n![](screenshots/jiro.gif)\n\n\n```js\nimport { Jiro } from 'react-native-textinput-effects';\n\nconst jiroInput = (\n  <Jiro\n    label={'Dog\\'s name'}\n    // this is used as active and passive border color\n    borderColor={'#9b537a'}\n    inputPadding={16}\n    inputStyle={{ color: 'white' }}\n  />\n);\n```\n\n### Kaede\n\n![](screenshots/kaede.gif)\n\n\n```js\nimport { Kaede } from 'react-native-textinput-effects';\n\nconst kaedeInput = (\n  <Kaede\n    label={'Website'}\n    inputPadding={16}\n  />\n);\n```\n\n### Akira\n\n![](screenshots/akira.gif)\n\n\n```js\nimport { Akira } from 'react-native-textinput-effects';\n\nconst akiraInput = (\n  <Akira\n    label={'First Name'}\n    // this is used as active and passive border color\n    borderColor={'#a5d1cc'}\n    inputPadding={16}\n    labelHeight={24}\n    labelStyle={{ color: '#ac83c4' }}\n  />\n);\n```\n\n### Madoka\n\n![](screenshots/madoka.gif)\n\n\n```js\nimport { Madoka } from 'react-native-textinput-effects';\n\nconst madokaInput = (\n  <Madoka\n    label={'Frequency'}\n    // this is used as active and passive border color\n    borderColor={'#aee2c9'}\n    inputPadding={16}\n    labelHeight={24}\n    labelStyle={{ color: '#008445' }}\n    inputStyle={{ color: '#f4a197' }}\n  />\n);\n```\n\n### Hideo\n\n![](screenshots/hideo.gif)\n\n\n```js\nimport FontAwesomeIcon from 'react-native-vector-icons/FontAwesome';\nimport { Hideo } from 'react-native-textinput-effects';\n\nconst hideoInput = (\n  <Hideo\n    iconClass={FontAwesomeIcon}\n    iconName={'envelope'}\n    iconColor={'white'}\n    // this is used as backgroundColor of icon container view.\n    iconBackgroundColor={'#f2a59d'}\n    inputStyle={{ color: '#464949' }}\n  />\n);\n```\n\n## Licence\n[MIT](http://opensource.org/licenses/mit-license.html)\n","maintainers":[{"name":"halilb","email":"hbilir@gmail.com"}],"time":{"modified":"2022-08-08T19:55:29.912Z","created":"2016-07-04T13:00:28.350Z","0.1.0":"2016-07-04T13:00:28.350Z","0.1.1":"2016-07-04T13:01:36.349Z","0.1.2":"2016-07-14T09:18:26.121Z","0.1.3":"2016-07-26T09:06:59.047Z","0.2.0":"2016-11-18T19:25:47.297Z","0.3.0":"2016-12-07T20:01:26.223Z","0.3.1":"2017-05-03T16:11:21.163Z","0.4.0":"2017-07-14T11:02:09.244Z","0.4.1":"2017-10-01T13:54:44.331Z","0.4.2":"2017-11-19T17:58:42.466Z","0.5.0":"2019-02-08T13:22:39.925Z","0.5.1":"2019-02-18T10:43:44.102Z","0.6.0":"2020-04-26T19:33:29.717Z","0.6.1":"2020-04-26T19:41:46.761Z","0.6.2":"2021-06-09T07:47:33.855Z","0.6.3":"2022-08-08T19:55:29.844Z"},"homepage":"https://github.com/halilb/react-native-textinput-effects#readme","keywords":["react","react-component","react-native","text input","textinput","textfield","animation","animated","ios","android"],"repository":{"type":"git","url":"git+https://github.com/halilb/react-native-textinput-effects.git"},"author":{"name":"Halil Bilir","email":"hbilir@gmail.com"},"bugs":{"url":"https://github.com/halilb/react-native-textinput-effects/issues"},"license":"MIT","readmeFilename":"README.md","users":{"jodm":true}}