Expo Đã Cài Đặt Tự Động Trong tệp package - cách chơi tài xỉu md5

Khi bạn biên dịch ứng dụng React Native cho nền tảng Android và mở ứng dụng, bạn sẽ thấy một giao diện mở đầu xuất hiện rất nhanh, chỉ trong tích tắc. Dù thời gian hiển thị ngắn chưa đến một giây, nhưng giao diện này lại vô cùng nổi bật.

Trong thuật ngữ chính thức, bd truc tuyen giao diện này được gọi là Giao diện mở đầu (Splash Screen):

Module SplashScreen từ thư viện expo-splash-screen được sử dụng để giữ giao diện mở đầu hiển thị cho đến khi nó được lệnh ẩn đi một cách rõ ràng. Điều này rất hữu ích để thực hiện các tác vụ chạy ngầm như gọi API, tải trước font chữ, hoạt hình hóa giao diện mở đầu, v.v.

Expo Đã Cài Đặt Tự Động

Trong tệp package.json, bạn có thể thấy rằng gói expo-splash-screen đã được cài đặt sẵn:

1"expo-splash-screen": "~0.29.21",

Mã Mặc Định

Trong tệp app._layout.tsx, có một đoạn mã đảm bảo rằng giao diện mở đầu sẽ hiển thị trong quá trình tải font chữ:

 1import * as SplashScreen from 'expo-splash-screen';
 2// Ngăn chặn màn hình mở đầu tự động ẩn trước khi quá trình tải tài nguyên hoàn tất.
 3SplashScreen.preventAutoHideAsync();
 4
 5export default function RootLayout() {
 6    const [loaded] = useFonts({
 7        SpaceMono: require('../assets/fonts/SpaceMono-Regular.ttf'),
 8    });
 9
10    useEffect(() => {
11        if (loaded) {
12            SplashScreen.hideAsync();
13        }
14    }, [loaded]);
15}

Thay Đổi Hình Ảnh Mặc Định

Việc thay đổi cấu hình trong tệp app.json sẽ không ảnh hưởng đến các dự án Android đã tồn tại. Nếu bạn muốn thay đổi hình ảnh mở đầu trong một dự án Android đã tồn tại, bạn cần chỉnh sửa thủ công các hình ảnh trong thư mục res.

Ngoài ra, kích thước hình ảnh trên điện thoại của tôi cũng gặp vấn đề, nên Web cá độ bóng đá cần phải hiệu chỉnh thêm.