Công cụ mã nguồn mở về state và chuyển động cho React và React Native. Ba gói tập trung, hoạt động ngay từ lần import đầu tiên và chỉ mở rộng đến mức bạn cần.
Các component đọc cùng một giá trị mà không cần Provider, action hay reducer. Chúng chỉ render lại khi phần được chọn thay đổi, và việc lưu hay khôi phục diễn ra đúng lúc bạn yêu cầu.
Dùng timing, spring và interpolate quen thuộc từ React Native Animated trên React DOM. Một giá trị điều khiển kiểu dáng của nhiều phần tử, không có lần render React nào mỗi khung hình.
Thanh trượt chỉ thay đổi một Value. Vị trí, góc xoay, kích thước và góc bo của cả mười hai hình đều được suy ra từ nó. Nhấn lò xo, rồi chộp lấy thanh trượt khi đang chuyển động.
Số cuộn, điểm nhấn di chuyển, danh sách chỉ dịch chuyển phần thay đổi, sheet và thao tác vuốt. Chỉ cần truyền dữ liệu — không provider, không lời gọi thiết lập — trên React và React Native.
Số, tab, danh sách và sheet
Cùng một import trên web và native
Dữ liệu mới tiếp tục từ những gì đang trên màn hình
Chọn một khoảng thời gian: MotionHighlight di chuyển đến đó, MotionNumber cuộn số, ProgressRing đầy lên và MotionList chỉ dịch chuyển những hàng đã thay đổi.
Hôm nayTuần nàyTháng này
Lượt truy cập
1,284
Trang chủ
Bảng giá
Docs
Blog
Dữ liệu mẫu
02 · Hòa tấu
Một tiếng gõ.Mọi thứ chuyển động.
Sân khấu này được dựng bằng Animated. Một Value duy nhất giữ tiến độ cuộn của bạn điều khiển cùng lúc vị trí, góc xoay, tỉ lệ và độ mờ của 48 hình.
01
Tiếng vang
Các điểm rải rác tụ lại thành những vòng chiêng.
02
Tách ra
Vòng tách làm ba và mang màu của từng công cụ.
03
Định hình
Chúng trở thành liên kết của state, quỹ đạo của chuyển động và cột trụ của chorus.
04
Nhịp
Mọi thứ thẳng hàng và rơi đúng vào cùng một nhịp.
progress
03 · Nguyên tắc
Nhỏ,từ đầu đến cuối.
Bắt đầu với một import
Không cần provider bao ngoài hay thiết lập toàn cục từ trước. Chỉ thêm khả năng khi ứng dụng cần đến.
Chỉ những gì cần
Chỉ những component có phần chọn thay đổi, những phần tử dùng giá trị và những hàng đã dịch chuyển mới được cập nhật.
Trách nhiệm đến cùng
Chuyển động bị ngắt tiếp tục từ những gì đang trên màn hình, còn đăng ký và hoạt ảnh được giải phóng khi chủ sở hữu biến mất.
Có kiểu và có tài liệu
Mỗi gói đều kèm khai báo TypeScript, và tài liệu có thể đọc bằng 39 ngôn ngữ.
04 · Cái tên
Kkwaenggwari,chiếc chiêng mở đầu cho cả ban nhạc.
Đọc là "kweng-goa-ri". Trong pungmul của Hàn Quốc, người chơi kkwaenggwari (꽹과리) chính giữ nhịp cho cả đoàn. Công cụ của chúng tôi hướng tới điều tương tự: nhỏ nhưng rõ ràng, giữ cho cả ứng dụng của bạn đi cùng một nhịp.
kkwaenggwariKkwaenggwari lấy tên từ kkwaenggwari (꽹과리), một chiếc chiêng nhỏ của Hàn Quốc được gõ bằng dùi. Âm vang sáng và trong của nó đã gợi nên tên gọi cho những công cụ mã nguồn mở nhỏ này.
