Chức năng toàn màn hình React Native trên Android
Có nhiều khả năng cải thiện bằng cách thêm các liên kết React bổ sung cho các thuộc tính và gọi lại.
Thuộc tính: ToggleView
<ToggleView style={{flex:1,alignItems:'center', justifyContent:'center'}}>
<Image style={{height:500,width:500}} source={{uri:"http://placehold.it/500"}}></Image>
</ToggleView>
| Thuộc tính | Kiểu | Mặc định | Mô tả |
|---|---|---|---|
| delay | số | 3000 | thời gian trễ ẩn |
| delayHide | boolean | true | xem liệu có nên trễ sự kiện ẩn không |
Cài Đặt Trên Android
Cài đặt gói npm react-native-full-screen. Trong dự án React Native của bạn, chạy lệnh (example):
npm install --save react-native-full-screen
# RN >= 0.60
No action needed
# RN < 0.60
react-native link react-native-full-screen
Cài Đặt Thủ Công
Trong android/settings.gradle, xóa dòng include ':app' và thêm các dòng sau đây
include ':react-native-full-screen'
project(':react-native-full-screen').projectDir = file('../node_modules/react-native-full-screen/android')
LƯU Ý : Nếu bạn đã bao gồm các thư viện khác trong dự án của mình, dòng include sẽ chứa các phụ thuộc khác nữa.
Trong android/app/build.gradle, thêm một phụ thuộc vào ':react-native-full-screen'
dependencies {
compile project(':react-native-full-screen')
}
Tiếp theo, bạn cần thay đổi MainActivity của ứng dụng để đăng ký FullScreenModule :
import com.rn.full.screen.FullScreenModule; // add this import
public class MainActivity extends ReactActivity {
//...
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new FullScreenModule() // add this manager
);
}
Toàn màn hình TeamLockr toàn màn hình Team Lockr cho React Native
Đây là các chức năng được tạo ra bởi đội ngũ TeamLockr dành cho nền tảng TeamLockr.
Chi Tiết Tải Về:
Tác Giả: Anthonyzou
Nguồn: https://github.com/Anthonyzou/react-native-full-screen
Giấy Phép: MIT license
