BCSComponent
This Source code provide a bottom sheet which allow you custom own cell,you able to show it on the bottom sheet
Get started
First thing first you have to implement frame work look like this into your project
import BottomSheetComponent
Inherit from protocol look like this
import Foundation
import BottomSheetComponent
class UserModel:PopupSectionModel {
var isSelected: Bool = false
var accountName:String?
var typeAccount:String?
static func == (lhs: UserModel, rhs: UserModel) -> Bool {
return lhs.accountName == rhs.accountName
}
func search(with text: String) -> Bool { // in order to use search func
return self.accountName == text
}
init(isSelected:Bool,
accountName:String,
typeAccount:String?
) {
self.isSelected = isSelected
self.accountName = accountName
self.typeAccount = typeAccount
}
}
Next Step you declare array with object with UserModel is delared above
let dataSource = [UserModel.init(isSelected: false, accountName: "1010102002", typeAccount: "test"),
UserModel.init(isSelected: false, accountName: "1010102002", typeAccount: "test"),
UserModel.init(isSelected: false, accountName: "1010102002", typeAccount: "test"),
UserModel.init(isSelected: false, accountName: "1010102002", typeAccount: "test")]
In viewController you want to use you can call func to show BCSComponent look like this
let vc = SheetViewController()
vc.configurePopUp(title: "Account", canSearch: false, cellClass:BillSimpleCell.self , dataSource: dataSource) { [weak self] cell, model, index in
cell.label.text = model.accountName // show items on cell
} onSelectItem: { model, index in
print("test selected \(model.accountName)") // handler when you select item on the list
}
self.present(vc, animated: true)
Checklist
🎯
- Show cell custom
- [] Panel to drag smoothly
- [] Search on a list
- [] Show recently used emoji section on top
- [] Dark mode
- [] Clean code
419 Dec 12, 2022
22 May 14, 2022
29 Sep 9, 2022
1.9k Jan 4, 2023
2.2k Jan 4, 2023
1.2k Jan 5, 2023
2k Nov 9, 2022
4.9k Jan 5, 2023
95 Nov 24, 2022
3.7k Dec 29, 2022
508 Dec 19, 2022
50 Dec 23, 2022
48 Jan 5, 2023
37 Nov 15, 2022
80 Dec 1, 2022
8 Nov 13, 2022
28 Dec 6, 2022
17 Dec 6, 2022
174 Jan 2, 2023
8 Nov 18, 2022
3.7k Dec 25, 2022
101 Dec 29, 2022
3 Dec 1, 2022
3.9k Dec 29, 2022
617 Dec 19, 2022