Flow và boilerplate
Các flow nhiều bước đi kèm bộ điều khiển để bạn chỉ cần kết nối một thành phần duy nhất. Boilerplate là nền tảng bên dưới mọi thứ khác.
Ba loại nội dung
| Loại | Nó là gì | Cách nó đến |
|---|---|---|
| Màn hình | Một màn hình độc lập, một tệp cộng với thỉnh thoảng một trợ giúp. | Sao chép prompt |
| Flow | Một tập hợp màn hình theo thứ tự cùng bộ điều khiển, như một onboarding 4 bước. | Sao chép prompt |
| Boilerplate | Một ứng dụng Expo hoàn chỉnh, hoạt động được. Chưa được xuất bản. | Một lệnh CLI duy nhất |
Flow đi kèm bộ điều khiển riêng của nó
Một flow không phải là bốn màn hình rời rạc để bạn tự sắp xếp thứ tự. Nó đi kèm một index.tsx quản lý chỉ số bước, các câu trả lời và quá trình chuyển đổi giữa các bước, vì vậy bạn chỉ kết nối một thành phần duy nhất vào điều hướng thay vì bốn.
- initialStep mở flow từ giữa chừng, dành cho deep link và các phiên được tiếp tục.
- onComplete kích hoạt sau bước cuối cùng, cùng với những gì flow đã thu thập được.
import AuroraOnboarding from './components/aurora-onboarding'
<AuroraOnboarding
onComplete={answers => {
saveOnboarding(answers)
router.replace('/home')
}}
/>Boilerplate là nền tảng bên dưới mọi thứ khác
Mười hai boilerplate đã xuất bản là những phần mà mỗi ứng dụng cần một lần và không ai thích viết hai lần: vùng an toàn, thang đo khoảng cách, thang đo phông chữ, độ nổi, các trạng thái có thể nhấn, tránh bàn phím, phản hồi haptic, hiệu năng danh sách, ranh giới lỗi, và các token màu sắc cùng chuyển động. Mỗi cái đi kèm phần triển khai hoạt động được cộng với một bản demo thử nghiệm nó.
Chúng được sao chép giống hệt như một màn hình. Một prompt, các tệp trong đó, tác nhân của bạn sẽ viết chúng. Lấy những cái này trước nếu bạn đang bắt đầu một ứng dụng từ con số không, vì mỗi màn hình trong thư viện đều giả định rằng chúng đã có sẵn ở đó.