{"id":13776827,"url":"https://github.com/redbooth/react-native-quick-look","last_synced_at":"2025-05-08T20:36:03.352Z","repository":{"id":57339372,"uuid":"63454322","full_name":"redbooth/react-native-quick-look","owner":"redbooth","description":"React Native Component for iOS QuickLook Framework.","archived":false,"fork":false,"pushed_at":"2017-06-06T10:20:19.000Z","size":5728,"stargazers_count":37,"open_issues_count":5,"forks_count":16,"subscribers_count":25,"default_branch":"master","last_synced_at":"2024-10-30T03:44:22.863Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Objective-C","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/redbooth.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}},"created_at":"2016-07-15T22:28:57.000Z","updated_at":"2023-04-17T18:28:00.000Z","dependencies_parsed_at":"2022-09-16T07:41:09.035Z","dependency_job_id":null,"html_url":"https://github.com/redbooth/react-native-quick-look","commit_stats":null,"previous_names":["aerofs/react-native-quick-look"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redbooth%2Freact-native-quick-look","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redbooth%2Freact-native-quick-look/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redbooth%2Freact-native-quick-look/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redbooth%2Freact-native-quick-look/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/redbooth","download_url":"https://codeload.github.com/redbooth/react-native-quick-look/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253146410,"owners_count":21861398,"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":[],"created_at":"2024-08-03T18:00:33.664Z","updated_at":"2025-05-08T20:36:03.306Z","avatar_url":"https://github.com/redbooth.png","language":"Objective-C","funding_links":[],"categories":["\u003ca name=\"Image-\u0026-Audio-\u0026-Video-\u0026-Docs:-Native-Modules\"\u003eImage, Audio, Video \u0026 Docs: Native Modules\u003c/a\u003e","Objective-C"],"sub_categories":[],"readme":"# react-native-quick-look\n\n[![License](https://img.shields.io/cocoapods/l/ReactNativeAutoUpdater.svg?style=flat)](http://cocoapods.org/pods/ReactNativeAutoUpdater) [![npm version](https://img.shields.io/npm/v/react-native-quick-look.svg?style=flat)](http://npmjs.com/package/react-native-quick-look)\n\n## About\n\nTo show file previews on iOS, you can use the [QuickLook Framework](https://developer.apple.com/library/ios/documentation/FileManagement/Conceptual/DocumentInteraction_TopicsForIOS/Articles/UsingtheQuickLookFramework.html). Apple introduced a specialized view presented by QuickLook Preview Controller. However, this view is not available to be instantiated and presented directly (well, at least in a straight forward way).\n\nHowever, you can access the view encapsulated by the QuickLook Preview Controller, and add it as a subview for any other instance of NSView. To make `QuickLookView` available on React Native, we instantiated the QuickLook Preview Controller, then customized and returned the view inside the controller.\n\n##### NOTE: QuickLook Framework is only available on iOS.\n\n## Installation\n\n### iOS\n\n1. `npm install react-native-quick-look --save`\n2. In the Xcode's \"Project navigator\", right click on your project's Libraries folder ➜ Add Files to _\"Your Project Name\"_\n3. Go to `node_modules` ➜ `react-native-quick-look` ➜ `iOS` ➜ select `ReactNativeQuickLook.xcodeproj`\n4. In the Xcode Project Navigator, click the root project, and in `General` tab, look for `Linked Frameworks and Libraries`. Click on the `+` button at the bottom and add `libReactNativeQuickLook.a` and `QuickLook.framework` from the list.\n\n### Android\n\n​\tNot available\n\n## Usage\n\n### iOS\n\n```javascript\n// style it like any other View\n// url is the url of the file you want to preview\n\u003cQuickLook style={{ flex: 1 }} url={ url } /\u003e\n// or \n// provide the filename of the asset included with the app\n\u003cQuickLook style={{ flex: 1 }} assetFileName={ 'demo.pdf' } /\u003e\n```\n\n### Android\n\n​\tNot available\n\n## Running the Example App\n\n1. Clone/download the repo\n2. Run `npm install` from the Example folder\n3. Open `Example.xcodeproj` and run the app from Xcode\n\n### Screenshot\n\n![Screenshot](https://raw.githubusercontent.com/aerofs/react-native-quick-look/master/screenshot.gif)\n\n## License\n\n`react-native-quick-look` is available under the MIT license. See the LICENSE file for more info.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredbooth%2Freact-native-quick-look","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fredbooth%2Freact-native-quick-look","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredbooth%2Freact-native-quick-look/lists"}