{"id":17462811,"url":"https://github.com/alkafinance/react-native-keyboard-avoiding-scroll-view","last_synced_at":"2025-04-13T15:13:34.772Z","repository":{"id":37822093,"uuid":"199273973","full_name":"alkafinance/react-native-keyboard-avoiding-scroll-view","owner":"alkafinance","description":"⚛️ React Native ScrollView extension that prevents inputs from being covered by the keyboard","archived":false,"fork":false,"pushed_at":"2023-03-13T12:50:19.000Z","size":3043,"stargazers_count":39,"open_issues_count":33,"forks_count":31,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-13T15:13:29.314Z","etag":null,"topics":["keyboard","react-native","react-native-component"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alkafinance.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-07-28T10:37:43.000Z","updated_at":"2025-01-20T20:40:10.000Z","dependencies_parsed_at":"2024-06-18T18:21:46.765Z","dependency_job_id":"b3c8c01c-e9ed-4c0d-8c68-4dae65457375","html_url":"https://github.com/alkafinance/react-native-keyboard-avoiding-scroll-view","commit_stats":{"total_commits":21,"total_committers":1,"mean_commits":21.0,"dds":0.0,"last_synced_commit":"a6cf6f29bc6900cc14a531e8b034a702115b98d8"},"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alkafinance%2Freact-native-keyboard-avoiding-scroll-view","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alkafinance%2Freact-native-keyboard-avoiding-scroll-view/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alkafinance%2Freact-native-keyboard-avoiding-scroll-view/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alkafinance%2Freact-native-keyboard-avoiding-scroll-view/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alkafinance","download_url":"https://codeload.github.com/alkafinance/react-native-keyboard-avoiding-scroll-view/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248732488,"owners_count":21152852,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["keyboard","react-native","react-native-component"],"created_at":"2024-10-18T09:09:00.490Z","updated_at":"2025-04-13T15:13:34.751Z","avatar_url":"https://github.com/alkafinance.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-native-keyboard-avoiding-scroll-view\n\n[![npm version](https://img.shields.io/npm/v/react-native-keyboard-avoiding-scroll-view.svg)](https://www.npmjs.org/package/react-native-keyboard-avoiding-scroll-view)\n[![CircleCI Status](https://img.shields.io/circleci/project/github/alkafinance/react-native-keyboard-avoiding-scroll-view/master.svg)](https://circleci.com/gh/alkafinance/workflows/react-native-keyboard-avoiding-scroll-view/tree/master)\n![license: MIT](https://img.shields.io/npm/l/react-native-keyboard-avoiding-scroll-view.svg)\n![Supports Android and iOS](https://img.shields.io/badge/platforms-android%20|%20ios-lightgrey.svg)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)\n\nReact Native ScrollView extension that prevents inputs from being covered by the keyboard.\n\n\u003cimg src=\"./.github/demo.gif\" width=\"auto\" height=\"640\"\u003e\n\n## Getting started\n\n`$ npm install react-native-keyboard-avoiding-scroll-view --save`\n\n## Usage\n\nImport `KeyboardAvoidingScrollView`, `KeyboardAvoidingFlatList`, or `KeyboardAvoidingSectionList` and use them like the regular `ScrollView`, `FlatList` or `SectionList` components from React Native core. Internally, these components are wrapped in another custom component called `KeyboardAvoidingContainer`, which is also exported for advanced use cases.\n\n```javascript\nimport {KeyboardAvoidingScrollView} from 'react-native-keyboard-avoiding-scroll-view';\n\nfunction MyComponent() {\n  return (\n    \u003cKeyboardAvoidingScrollView stickyFooter={\u003cButton /\u003e}\u003e\n      \u003cTextInput /\u003e\n      \u003cTextInput /\u003e\n      \u003cTextInput /\u003e\n    \u003c/KeyboardAvoidingScrollView\u003e\n  )\n}\n```\n\n## Props\n\n- [Inherited `ScrollView` props...](https://facebook.github.io/react-native/docs/scrollview.html#props)\n  - or [inherited `FlatList` props...](https://facebook.github.io/react-native/docs/flatlist#props)\n  - or [inherited `SectionList` props...](https://facebook.github.io/react-native/docs/sectionlist#props)\n\n- [`stickyFooter`](#stickyFooter)\n- [`containerStyle`](#containerStyle)\n\n---\n\n# Reference\n\n## Props\n\n### `stickyFooter`\n\nUsed to display a fixed view under the scrollable content. Sticky footer is always shown above the keyboard, which could, for example, be the desired behaviour for a submit button.\n\n| Type              | Required |\n| ----------------- | -------- |\n| `React.ReactNode` | No       |\n\n---\n\n### `containerStyle`\n\nUsed to style the container component.\n\n| Type                   | Required |\n| ---------------------- | -------- |\n| `StyleProp\u003cViewStyle\u003e` | No       |\n\n## License\n\n[MIT License](./LICENSE) © Alka, Inc\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falkafinance%2Freact-native-keyboard-avoiding-scroll-view","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falkafinance%2Freact-native-keyboard-avoiding-scroll-view","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falkafinance%2Freact-native-keyboard-avoiding-scroll-view/lists"}