react-native-dropbox-chooser
Đây là gì?
Để biết thêm chi tiết, hãy kiểm tra https://www.dropbox.com/developers/chooser#ios để có một giải thích.
Chỉ Hoạt Động Trên Thiết Bị
Điều này chỉ hoạt động trên Thiết Bị. Điều này sẽ mở cửa sổ yêu cầu bạn cài đặt ứng dụng Dropbox trên Trình giả lập.
Cài Đặt
npm install react-native-dropbox-chooser --save
Đăng Ký
Bạn sẽ cần đăng ký và lấy một mã ứng dụng từ Dropbox.
Đầu tiên, hãy điều hướng đến đây https://www.dropbox.com/developers/apps/create.
- Chọn “Dropbox API”
- Chọn những gì bạn cần truy cập
- Đặt tên cho ứng dụng của bạn
- Đồng ý với Điều khoản dịch vụ
- Gửi
Bạn sẽ thấy một phần nơi nói “Mã ứng dụng” và một chuỗi số/chữ cái. Chúng ta sẽ cần điều này trong một giây.
Thiết Lập
Trước hết, thêm nó vào dự án của bạn. Cách liên kết các mô-đun gốc có thể được tìm thấy ở đây. http://facebook.github.io/react-native/docs/linking-libraries-ios.html#content.
Điều này sẽ sử dụng LinkingIOS, vì vậy chúng ta sẽ cần thêm mã này vào AppDelegate.m của bạn
Ở đầu tệp, bạn sẽ cần thêm #import "RCTLinkingManager.h"
Nên trông giống như
#import "AppDelegate.h"
#import "RCTRootView.h"
#import "RCTLinkingManager.h"
Sau đó, trước @end, bạn cần thêm mã này.
- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation {
return [RCTLinkingManager application:application openURL:url sourceApplication:sourceApplication annotation:annotation];
}
Giải thích có thể được tìm thấy ở đây https://facebook.github.io/react-native/docs/linkingios.html#content.
Bây giờ nó sẽ bắt đầu phàn nàn rằng RCTLinkingManager không tồn tại.
Chúng ta sẽ cần thêm đường dẫn tìm kiếm tiêu đề cho Thư viện. Điều này có thể thực hiện tại Cài Đặt Xây Dựng, tìm Đường dẫn Tìm kiếm Tiêu đề, và thêm $(SRCROOT)/../node_modules/react-native/Libraries. Đặt nó thành đệ quy.
Vì chúng ta đang sử dụng trình chọn, chúng ta sẽ cần thêm cấu hình sau vào tệp Info.plist. Điều này cho phép chúng ta mở ứng dụng Dropbox và có nó gửi cho chúng ta các liên kết trở lại.
<key>LSApplicationQueriesSchemes</key>
<array>
<string>dbapi-1</string>
<string>dbapi-3</string>
</array>
Bây giờ hãy điều hướng đến tab Thông tin.
Ở phía dưới, có một phần gọi là Loại URL. Mở nó và nhấn +.
Thêm db-APPKEYHERE vào ô nhập URL Schemes.
Cách sử dụng
Yêu cầu mô-đun.
var DropboxClient = require('react-native-dropbox-chooser');
componentDidMount() {
DropboxClient.init({
appId: 'YOURAPPIDHERE',
onFiles: this.handleFiles //Callback that receives file(s) when they are selected
});
},
componentWillUnmount() {
DropboxClient.remove(); //Don't forge to remove it
},
Hoàn tất
Chúng ta nên đã sẵn sàng!
Chi tiết tải về:
Tác giả: tinycreative
Nguồn: https://github.com/tinycreative/react-native-dropbox-chooser
