CreatorFlow / Kho Repo / gorhom/react-native-bottom-sheet

gorhom/react-native-bottom-sheet

Bottom Sheet

Mobile & AppTypeScript🟡 Biết cơ bản★ 9k

📖 Mô tả

Bottom Sheet là thư viện giúp bạn làm tấm bảng trượt từ dưới lên trong app React Native — kiểu bảng chọn, xem chi tiết hay form nhập liệu trượt lên như trong app gọi xe hay bản đồ. Bạn làm app cần bảng trượt mượt, kéo được nhiều mức, hỗ trợ cả FlashList bên trong có thể dùng thư viện này để khỏi tự viết tay rất cực (cần cài thêm react-native-reanimated và react-native-gesture-handler làm nền).

📝 Tóm tắt README

Bottom Sheet là thư viện giúp bạn làm tấm bảng trượt từ dưới lên trong app React Native — kiểu bảng chọn, xem chi tiết hay form nhập liệu trượt lên như trong app gọi xe hay bản đồ. Bảng kéo được nhiều mức, xử lý bàn phím mượt, dùng được cả danh sách FlashList bên trong và hiển thị dạng cửa sổ nổi. Bạn làm app cần bảng trượt mượt thì dùng thư viện này để khỏi tự viết tay rất cực.

✨ Tính năng nổi bật

▶ Dùng thử

▶ Dùng thử:
  1. B1: Cài: npm install @gorhom/bottom-sheet
  2. B2: Cài thêm: npm install react-native-reanimated react-native-gesture-handler
  3. B3: Dùng: import BottomSheet from '@gorhom/bottom-sheet' rồi thêm vào màn hình
Mở GitHub ↗
git clone https://github.com/gorhom/react-native-bottom-sheet.git

🔗 Repo tương tự

← Quay lại Kho Repo