You have 10 screens. Which navigator would be more scalable?
4 phương ánCó giải thích
Các phương án trả lời
Chọn một phương ánLời giảiChọn phương án để mở
Đáp án đúng: "Stack Navigator". Stack Navigator của React Navigation quản lý màn hình như một chồng: mỗi lần navigate thì đẩy màn mới lên, quay lại thì gỡ màn trên cùng xuống, và màn chỉ được dựng khi cần; vì không có thanh điều hướng nào phải hiển thị cùng lúc mọi màn, số màn có thể tăng lên 10 hay nhiều hơn mà giao diện không rối, nên đây là lựa chọn dễ mở rộng nhất. "Tab Navigator" hợp với ba đến năm mục chính luôn hiện trên thanh tab; nhồi 10 tab thì thanh quá chật và người dùng khó chọn. "Drawer Navigator" hợp làm menu cho các khu vực cấp cao, nhưng 10 mục đã thành một danh sách dài, và nó không có sẵn lối đi tiến lùi giữa các màn chi tiết. "Bottom Sheet Navigator" không phải bộ điều hướng dựng sẵn của React Navigation; bottom sheet là tấm trượt từ đáy dùng cho thao tác phụ, không phải nơi tổ chức cả chục màn hình. Trong thực tế, app nhiều màn thường kết hợp: drawer hoặc tab cho vài khu vực chính, mỗi khu vực lồng một stack chứa các màn bên trong.
Cùng chương 5
Consider the following component using useIsFocused and useEffect. What will be the behavior if the component is initially unfocused and then gets focused?
import React, { useEffect } from 'react';
import { Text } from 'react-native';
import { useIsFocused } from '@react-navigation/native';
function ProfileScreen() {
const isFocused = useIsFocused();
useEffect(() => {
if (isFocused) {
console.log('ProfileScreen is now focused');
}
}, [isFocused]);
return <Text>Profile Screen</Text>;
}Có lời giảiCâu hỏiWith hook in React Navigation, what will happen if you call useFocusEffect inside a functional component but provide an empty dependency array?Có lời giảiCâu hỏiIn React Navigation, which hook should you use to get access to route parameters inside a functional component?Có lời giảiCâu hỏiCả 24 câu của chủ đề24 câu